-
在工具栏上,找到工具–>插件安装–>插件市场–>搜索sass,步骤如下图所示:
这两种方法选择一种安装插件即可,安装完记得重启HBuilderX软件。 -
接下来在工具–>插件配置–>选择sass插件的–>package.json文件进行编辑 ,只需修改key(快捷键)和把"onDidSaveExecution"的值改为true,保存即可。
-
接下就可以创建一个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,把下载的文件放到出错原因的目录下。
- 重启HBuilder,进行测试。
欢迎大家阅读,本人见识有限,写的博客难免有错误或者疏忽的地方,还望各位指点,在此表示感激不尽。文章持续更新中…