Less安装和使用

一、 安装

lessc –v 查看less版本
在线安装：npm install –g less

二、 在线学习网址

http://www.1024i.com/demo/less/
http://lesscss.cn/

三、 编译

lessc test.less test.css

四、 Sublime text3支持less预编译

1.安装sublime插件

(1)安装less2css插件：
作用：
a.当保存less文件的时候自动生成同名的css文件；
b.当保存less文件的时候提示编译错误信息；
c.批量编译项目目录下的所有less文件为css文件。
方法：ctrl+shift+p>install Package>输入less2css按Enter
(2)安装less插件
作用：让less代码高亮
方法：ctrl+shift+p>install Package>输入less按Enter

2.安装node.js 官网下载安装(https://nodejs.org/en/)

3.安装less

cmd命令下：

[plain] view plain copy
npm install -g less
之后在sublime 里面建 less文件时会跳出一个错误LESS: Unable to interpret argument clean-css，这就需要最后一步了

4.less-plugin-clean-css插件的安装

[plain] view plain copy
npm install less-plugin-clean-css

ps：插件安装完成重启sublime才会生效

注意：安装完成报错：Unable to load plugin clean-css please make sure that it is installed under

解决方案：
把less版本降低到1.6.2就可以了。
npm install [email protected] -g
命令行执行上面代码，重启sublime
新建一个less文件，Ctontrol+S 保存后自动生成压缩的css文件

Sublime text3 压缩的css设置为不压缩
如果我们不想它压缩怎么办呢，很简单，修改一下less2css插件的设置就可以了

在sublimeText菜单中选择 ：

中文版：首选项→插件设置→Less2Css→Settings-Default
英文版：Preferences → Package Settings → Less2Css → Settings-Default

打开默认设置：把”minify”:true 的true 改成 false 记得保存一下 就OK啦
默认设置无法修改，将默认设置里面内容复制到user里面修改即可。