HBuilder X 配置sass/scss
-
在工具栏上,找到工具–》插件安装–》插件市场–》搜索sass,步骤如下图所示:
这两种方法选择一种安装插件即可,安装完记得重启hBuilderX软件
接下来在工具–》插件配置–》选择sass插件的–》package.json文件进行编辑
只需修改key(快捷键)和把"onDidSaveExecution"的值改为true,保存即可
接下就可以进行写sass/scss文件了。 -
可能有些朋友跟我一样,出现了以下的错误提示:
[编译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
- 错误原因:
由于G:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-64\binding.node文件的版本不对,导致出现报错 - 解决方法:
使用以下命令查看对应的版本,然后到https://github.com/sass/node-sass/releases下载对应的版本,注意需要把文件名称修改成binding.node,把下载的文件放到出错原因的目录下。
在Windows下的命令行模式下输入以下命令,查看
node -p "[process.platform, process.arch, process.versions.modules].join('-')"
然后重启一下这个软件即可。
- 引用博友文章:
https://blog.csdn.net/you23hai45/article/details/86236769
- 第一次写,有什么不到位的地方请各位博友见谅见谅!