工具/原料
Win系统
客户端安装
1、LESS的安装和Sass安装有所不同，他不需要依赖于Ruby环境，就能直接安装使用。不过LESS安装分为两种：客户端和服务器端安装。 2、我们可以直接在客户端使用“.less”（LESS源文件），只需要在官网载一个Javascript脚本文件主“less.js”，然后在我们需要引入LESS源文件的HTML的
中加入如图代码。 3、需要注意的是：在引入“.less”文件中，“link”的“rel”属性要设置为“stylesheet/less”。还有更重要的一点需要注意的是：LESS源文件一定要在“less.js”引入之前引入，这样才能保证LESS源文件正确编译解析。服务器端安装
2
单击【下载】
3
单击【Windows 安装包】
4
下载完成后，按应用程序正常步骤安装。
5
在开始菜单中，启动 Node JS 命令行窗口。
6
1、使用命令行代码，进入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
转译成功如图。
下一篇：Less实践之安装使用图解