Less安装和使用

一、 安装

lessc –v 查看less版本
在线安装&＃xff1a;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插件&＃xff1a;
作用&＃xff1a;
a.当保存less文件的时候自动生成同名的css文件&＃xff1b;
b.当保存less文件的时候提示编译错误信息&＃xff1b;
c.批量编译项目目录下的所有less文件为css文件。
方法&＃xff1a;ctrl&＃43;shift&＃43;p>install Package>输入less2css按Enter
(2)安装less插件
作用&＃xff1a;让less代码高亮
方法&＃xff1a;ctrl&＃43;shift&＃43;p>install Package>输入less按Enter

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

3.安装less

cmd命令下&＃xff1a;

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

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

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

ps&＃xff1a;插件安装完成重启sublime才会生效

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

解决方案&＃xff1a;
把less版本降低到1.6.2就可以了。
npm install less&＃64;1.6.2 -g
命令行执行上面代码&＃xff0c;重启sublime
新建一个less文件&＃xff0c;Ctontrol&＃43;S 保存后自动生成压缩的css文件

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

在sublimeText菜单中选择 &＃xff1a;

中文版&＃xff1a;首选项→插件设置→Less2Css→Settings-Default
英文版&＃xff1a;Preferences → Package Settings → Less2Css → Settings-Default

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