Hbuilder less自动编译成css
一、前提：必须要先安装Node.js;再安装Less.JS;
执行命令行 npm install -g less
安装之后的路径：
二、安装完成后，打开hbuilder 工具 ->预编译器设置
进行相应的配置
测试：
<div id="navBar">
<ul class="list">
<li><span>好好学习，天天向上，我是列表1</span>
<a href="#">点击</a>
</li>
<li><span>好好学习，天天向上，我是列表2</span>
<a href="#">点击</a>
</li>
<li><span>好好学习，天天向上，我是列表3</span>
<a href="#">点击</a>
</li>
<li><span>好好学习，天天向上，我是列表4</span>
<a href="#">点击</a>
</li>
</ul>
</div>demo.less
自动生成demo.css
效果