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

效果