HBuilder X 配置sass/scss

1. 在工具栏上，找到工具–>插件安装–>插件市场–>搜索sass，步骤如下图所示：
   
   
   
   
   这两种方法选择一种安装插件即可，安装完记得重启HBuilderX软件。

2. 接下来在工具–>插件配置–>选择sass插件的–>package.json文件进行编辑 ，只需修改key(快捷键)和把"onDidSaveExecution"的值改为true，保存即可。
   
   

3. 接下就可以创建一个sass/scss文件进行测试。
   可能有些朋友跟我一样，出现了以下的错误提示：
   
   错误原因：
   由于C:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-93\binding.node)缺失，导致出现报错。
   解决方法：

• 使用以下命令查看对应的版本，在Windows下的命令行模式下输入以下命令

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

• 然后到https://github.com/sass/node-sass/releases下载对应的版本，注意需要把文件名称修改成binding.node，把下载的文件放到出错原因的目录下。
  
  

4. 重启HBuilder，进行测试。
   
   欢迎大家阅读，本人见识有限，写的博客难免有错误或者疏忽的地方，还望各位指点，在此表示感激不尽。文章持续更新中…