HBuilderX安装及使用 #

一、下载 #

官网:https://www.dcloud.io/hbuilderx.html

img

img

下载后的文件

img

如果要下载历史版本,地址:https://ask.dcloud.net.cn/article/37302

img

打开网盘,

img

根据自己需要的版本进行下载

二、安装 #

下载后,将压缩包复制到适当的位置,找到Hbuilder X(HbuilderX.exe)可执行程序,双击即可启动程序。

运行代码报错:img

现在安装scss/sass插件,点击工具-->插件安装

img

img

img

登录后可免费进行下载,下载后的文件如下:

img

解压到:D:\install\HBuilderX.3.1.13\plugins目录下,运行程序,结果如下:

以管理员身份运行cmd,执行命令

[复制代码](javascript:void(0)😉

C:\Windows\system32>cd D:\install\HBuilderX\plugins\compile-node-sass

C:\Windows\system32>d:

D:\install\HBuilderX\plugins\compile-node-sass>npm install
npm WARN sass@0.0.7 No repository field.
npm WARN sass@0.0.7 No license field.

audited 203 packages in 1.094s
found 36 vulnerabilities (17 moderate, 15 high, 4 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

[复制代码](javascript:void(0)😉

运行程序

img

[复制代码](javascript:void(0)😉

D:\install\HBuilderX\plugins\compile-node-sass>mkdir -p D:\install\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-72

D:\install\HBuilderX\plugins\compile-node-sass>cd D:\install\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-72

D:\install\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-72>d:

D:\install\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-72>curl -o binding.node http://cdn.npm.taobao.org/dist/node-sass/v4.7.2/win32-ia32-72_binding.node
  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100   286  100   286    0     0    286      0  0:00:01 --:--:--  0:00:01  1017

D:\install\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-72>

[复制代码](javascript:void(0)😉

再次运行程序,报错:D:\install\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-72\binding.node is not a valid Win32 application.意思是binding.node文件无效,到https://github.com/sass/node-sass/releases下载对应的版本,下载后将下载的文件替换原来的binding.node文件,注意需要把文件名称修改成binding.node

img

再次运行成功。

转载说明 #

本文转载自《HBuilderX下载和安装 - 周文豪 - 博客园 (cnblogs.com) (opens new window)

上次更新: 3/10/2023, 5:33:48 PM