less-CSS预处理器

首先说说less的优点：
1、Less是一个CSS预处理器。编译后，它会生成简单的CSS，适用于浏览器。
2、Less支持跨浏览器兼容性。
3、由于Less使用嵌套，使得代码更短、更干净，并以特定的方式组织
4、由于Less使用变量，可以更快地实现维护。
5、Less提供了一系列运算符，使编码更快，更省时。
6、Less是用JavaScript编写的，它可以比CSS的其他预处理器更快地编译。
接下来是缺点：
1、如果我们不熟悉CSS预处理，就必须花一些时间好好学习Less的相关知识。
2、与包含Compass，Gravity和Susy等框架的SASS等较早的预处理器相比，Less提供的框架更少。
3、在Less中，模块之间存在紧密耦合，因此重用和/或测试相关模块需要花费更多精力。

现在来初步的了解一下该怎么使用less

一、首先我们需要通过命令在项目中全局安装less

安装好了之后输入：lessc -version 可以看到版本

二、接下来我们从git上下载less.js：https://gitee.com/mirrors/less.js/blob/master/dist/less.min.js把它引用到我们的项目中：

三、在项目中新建一个style.less文件。

四、编写style.less文件的内容，以@main-变量的名称 申明变量

五、然后我们在页面上引用less、js

六、这时候我们就可以运行页面看到已经有效果了

七、当然到这一步还不能投入到生产环节，只能在测试与开发中使用。如果需要投入到生产环节的话我们需要先通过命令编译一下！
进入项目中的css文件夹，输入lessc style.less style.css （lessc 需要编译的文件名 编译之后的文件名）

八、编译好之后我们就可以直接引用.css文件投入生产环境