关于css预编译器Less

安装

1、安装Nodejs环境 Node Package Manager (验证 node -v npm -v)
2、打开控制台（cmd），执行npm install -g less (验证 lessc -v)
3、执行 npm install -g less-plugin-clean-css
4、命令行编译 lessc path/xxx.less path/xxx.css

编译

一般都会借助于编辑器插件来完成编译任务，以sublime_text为例
1、ctrl+shit+p打开命令面板
2、输入install package然后回车
3、安装 LESS、lessc、Less2Css三个插件
4、alt+s快捷键即可实现编译

语法

这个自行百度吧，网上资源很多

在浏览器中使用

我们可以引入一个less.js文件，实现实时的解析，而不必每次修改都要编译，最后完成所有开发任务后，再通过编辑器编译成css文件。
1、下载然后引入less.js
2、引入xx.less文件，如：

注意：rel属性必须指定成stylesheet/less，并且styles.less要先于less.js引入。
必须以服务器方式访问，可以放到study目录下，或者webstrom自带服务器功能