HBuilder X 配置sass/scss

HBuilder X 配置sass/scss

1. 在工具栏上，找到工具–》插件安装–》插件市场–》搜索sass，步骤如下图所示：
   
   
   
   这两种方法选择一种安装插件即可，安装完记得重启hBuilderX软件
   接下来在工具–》插件配置–》选择sass插件的–》package.json文件进行编辑
   只需修改key(快捷键)和把"onDidSaveExecution"的值改为true，保存即可
   
   接下就可以进行写sass/scss文件了。

2. 可能有些朋友跟我一样，出现了以下的错误提示：

[编译scss/sass] 15:56:14.903 [0;31m--> LibSass 的二进制文件(G:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-64\binding.node)缺失，请执行下面3条命令下载对应版本的二进制文件：（有可能引发此错误的原因是 Node 版本变更）[0m 
[编译scss/sass] 15:56:14.903   mkdir -p G:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-64
[编译scss/sass] 15:56:14.903   cd G:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-64
[编译scss/sass] 15:56:14.903   curl -o binding.node http://cdn.npm.taobao.org/dist/node-sass/v4.7.2/win32-x64-64_binding.node
[编译scss/sass] 15:56:14.903 [0;31m--> MacOS 、Unix/Linux 请根据权限使用 sudo [0m

3. 错误原因：
   由于G:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-64\binding.node文件的版本不对，导致出现报错
4. 解决方法：
   使用以下命令查看对应的版本，然后到https://github.com/sass/node-sass/releases下载对应的版本，注意需要把文件名称修改成binding.node，把下载的文件放到出错原因的目录下。
   在Windows下的命令行模式下输入以下命令，查看

node -p "[process.platform, process.arch, process.versions.modules].join('-')"

然后重启一下这个软件即可。

5. 引用博友文章:

https://blog.csdn.net/you23hai45/article/details/86236769

• 第一次写，有什么不到位的地方请各位博友见谅见谅！