Hbuilder中的less不能自动编译为css怎么办

Posted milimac123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Hbuilder中的less不能自动编译为css怎么办相关的知识,希望对你有一定的参考价值。

最近用hbuilder 写less文件,保存后发现无法将less文件自动编译成css文件,删掉,重装,依旧不行,每次都要在less文件上右键->编译 才能得到最新的css文件,本来就是件高效率的事,但这么一来,兴致全无。

那么有没有Hbuilder中的less不能自动编译为css的解决方案?快来跟小编一起学习吧!

方法/步骤1:
less不能自动编译为css,一般只要设置预编译就可以了,第一步,打开hbuilder的工具栏,找到预编译器设置(如图所以),点击less,然后选编译(如果没图片中的选项,就直接点新建即可)。 

技术图片

第二步,按照下图的方式填写。注意:第二个地址是找到lessc.cmd的所在地址,位于你Hbuilder的安装目录下。如果找不到就直接在你的安装目录下搜索即可。可参考下图的目录。

技术图片

第三步,一般来说,只需要完成预编译在保存less文件是会自动生成css。但有的电脑会出现:‘node‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。这种情况就是你的电脑需要安装node.js 。

以上就是小编给大家介绍的Hbuilder中的less不能自动编译为css怎么办?的解决方法,希望对大家有所帮助!

以上是关于Hbuilder中的less不能自动编译为css怎么办的主要内容,如果未能解决你的问题,请参考以下文章

如何使用hbuilder编译less

importstylefrom"./.less"无法使用

用于 Shopify 主题开发的 LESS CSS 和转义 Liquid 语法

如何手动将 svelte 组件编译为 sapper/svelte 生成的最终 javascript 和 css?

less基础语法

ES6基础——环境构建任务自动化服务器搭建