Hbuilder less自动编译成css

一、前提:必须要先安装Node.js;再安装Less.JS;

执行命令行 npm install -g less

Hbuilder less自动编译成css_第1张图片

安装之后的路径:

Hbuilder less自动编译成css_第2张图片

二、安装完成后,打开hbuilder 工具 ->预编译器设置

Hbuilder less自动编译成css_第3张图片

进行相应的配置

Hbuilder less自动编译成css_第4张图片

测试:

demo.less

Hbuilder less自动编译成css_第5张图片

自动生成demo.css

Hbuilder less自动编译成css_第6张图片

效果

Hbuilder less自动编译成css_第7张图片

 

你可能感兴趣的:(LESS)