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里面修改即可。

猜你喜欢

转载自blog.csdn.net/yw00yw/article/details/81034513
今日推荐