工具/原料
Win系统
客户端安装
1、LESS的安装和Sass安装有所不同，他不需要依赖于Ruby环境，就能直接安装使用。不过LESS安装分为两种：客户端和服务器端安装。2、我们可以直接在客户端使用“.less”（LESS源文件），只需要在官网载一个Javascript脚本文件主“less.js”，然后在我们需要引入LESS源文件的HTML的<head>中加入如图代码。3、需要注意的是：在引入“.less”文件中，“link”的“rel”属性要设置为“stylesheet/less”。还有更重要的一点需要注意的是：LESS源文件一定要在“less.js”引入之前引入，这样才能保证LESS源文件正确编译解析。
服务器端安装
1、LESS在服务器端的使用主要是借助于LESS的编译器，将LESS源文件编译生成最终的CSS文件，目前常用的方式是利用node的包管理器（npm）安装LESS，安装成功后就可以在Node环境中对LESS文件进行编译。2、LESS在服务器的安装和Sass的安装有点相似，不同之处是他们需依赖的环境不一样，LESS需要的是Node JS环境，而Sass需要的是Ruby环境。（以下演示的是Win7安装方法）。3、首先百度搜索Node JS，进入官网。
2、单击【下载】
3、单击【Windows 安装包】
4、下载完成后，按应用程序正常步骤安装。
5、在开始菜单中，启动 Node JS 命令行窗口。
6、使用命令行代码，进入Node JS的.bin目录下。2、输入npm install less，开始安装。这样就安装完LESS的编译命令，可以在本地正常编译LESS源文件。如果您想下载最新稳定版本的LESS，还可以尝试在Node JS的Command控制面板输入：npm install less@latest
使用LESS转译成css文件
1、LESS样式中声明变量和调用变量和Sass一样，唯一的区别是变量名前面使用的是“@”字符。创建style.less文件名，输入如图代码。
2、打开DOS窗口，进入需要转译的less文件目录下，输入lessc style.less进行转译。如图结果，输出到了DOS窗口。
3、或者输入lessc style.less > style.css，转译成CSS文件。
4、转译成功如图。
