hbuilder无法自动编译less文件的解决方案-无法找到脚本文件

hbuilder无法自动编译less文件的解决方案

最近用hbuilder 7.4.2 写less文件,保存后发现无法将less文件自动编译成css文件,删掉,重装,依旧不行,每次都要在less文件上右键->编译 才能得到最新的css文件,本来就是件高效率的事,但这么一来,兴致全无。同事说7.3.2版本之前的hbuilder保存后可以自动编译,但我这么个有强迫症的人怎么可能折回去用旧版?!

后来百度了一下,找到了解决方案:

当然,如果你的less文件保存后无法自动编译,首先你得检查一下less插件安装了没,依次找到 工具->插件安装,如果显示已安装就表示less插件已经安装好了,如果没安装,就勾选上安装一下即可。如下图

hbuilder无法自动编译less文件的解决方案

hbuilder无法自动编译less文件的解决方案

依次找到 工具->预编译器设置,选择.less,然后点击编辑。

hbuilder无法自动编译less文件的解决方案

触发命令地址里填less的编译脚本lessc.cmd地址,在你hbuilder软件文件夹中搜索 lessc.cmd,就能找到这个文件了,在上面右键->属性就能找到他的具体地址。例如我的路径是:D:\绿色软件\HBuilder\plugins\com.pandora.nodejs.thrift_1.0.0.201609081718\js\node_modules\.bin\lessc.cmd

命令参数里写 0.000000ileName%FileBaseNamess

点击确定后,再去编写less文件,就能自动编译成css文件了。

hbuilder无法自动编译less文件的解决方案

【本文来自 孙琪峥博客 http://www.sunqizheng.com/,想获取更好的页面浏览效果或者有任何问题请进入博客,同时也可在博主评论区进行留言,让博主为大家答疑解惑~】

推荐阅读