Less的几种使用方法

Less

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。（动态样式语言 ， 预处理语言）

Less 也可以运行在 Node 或浏览器端。

使用方法：

**1.**在客户端使用：
1)下载Less.js文件
2)编写项目less文件，导入Less.js源码
注意：必须以服务器模式启动 ,必须声明type=“text/less”,导入项目less文件和源码的顺序不能反了

 <link rel="stylesheet" type="text/less" href="./main.less">
    <script src="./style/less.min.js"></script>

**2.**在服务端使用：
1）需要先安装less
（1）先安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
（2）然后在终端运行或在cmd的目录文件夹下运行命令行

 cnpm install less -g

运行成功图：

2)编译less,
lessc 目标文件.less 目标文件.css
编译成功：
3)在HTML页面中导入生成的css文件

 <link rel="stylesheet" href="./style/main.css">

**3.**使用kaola编译