Less这个项目在我刚开始学习前端的时候就已经有所耳闻了，直到今天才有了在项目中一展拳脚的机会。之前做 demo 的时候一直是在 html 中引入 less.min.js 来使用的，但是很快就发现一个问题：
不兼容 IE 浏览器。
是的，IE 11 都报错，更别提低版本的了。好在 less 有命令行版本，它能够让你使用 less.js 将 less 文件转换为 css 文件。这样在项目中，你引用的其实还是原始的 css 文件，这样就不存在兼容问题了。
less 命令行的安装和使用
如果你的电脑上装了 npm，那么事情将会变得简单得多：
npm install less -g
只需要一个命令就可以安装，less 命令行的运行依赖 nodejs 环境，如果你还没有安装 nodejs，可以在它的官网下载安装。
less 的安装完成了，使用的话也很简单：
lessc main.less main.css
以上命令将会把main.less直接转换成main.css。
less 到 css 的自动转换
转换是完成了，可是又出现一个问题，我们知道，css 这种东西是需要不断的调试的。现有的机制下，每保存一下 less，就要去 CMD 里面转换一下，这样无疑降低了我们的工作效率，要是能在保存的时候自动转换 css 就好了。
万能的G 站啊，我搜了一下，还真有：
deadsimple-less-watch-compiler
还是 npm：
npm install -g less-watch-compiler
或者 yarn：
yarn global add less-watch-compiler
假设你的文件系统如下：
root
└──less
│ └── main.less
│ └── skin.less
└──css
└── main.css
那么具体的使用方法如下：
less-watch-compiler less css
这样保存 less 文件后这个插件就会自动构建 css，速度也是非常的快，可以同时检测多个 less 文件，如果只需要监测一个 less 文件的话，在上面的命令行后面加上该 less 文件的文件名就可以了：
less-watch-compiler less css main.less
搞定！