先下载nodejs http://nodejs.cn/ https://nodejs.org/zh-cn/
会自带npm
安装less
$ npm install -g less
查看lessc版本 (lessc是编译less的工具)
$ lessc -v
安装sublime的less插件
- 打开sublime,ctrl+shift+p打开命令面板,找到package control:install Package,然后选择less2css,回车。
- 继续ctrl+shift+p打开命令面板,找到package control:install Package,然后选择less,回车。
- 重启sublime,打开less文件,你就可以看到高亮了。
cmd进入E盘 e:
cd 文件名
编译less lessc duang.less duang.css
安装bower npm install -g bower
安装wr npm install -g wr
使用wr less编译成css wr ‘lessc duang.less duang.css’ duang.less
建立map lessc --source-map duang.less duang.css
建立编译链接 wr --exec “lessc --source-map duang.less duang.css” duang.less
下载安装git
jquery bower install jquery
chrome调试less
chrome调试less文件前需要配置chrome到文件间的关联,见前一章:chrome调试css
1、安装lessc
npm install -g less
2、安装wr工具,跟踪文件修改实时编译
npm install -g wr
使用方法:
wr ‘lessc style.less style.css’ style.less
注:wr命令默认是以wr --spawn执行后面的命令,windows电脑需要使用
wr --exec ‘lessc style.less style.css’ style.less
3、生成source-map,让chrome认识less文件
lessc --source-map style.less style.css
4、chrome设置自动重载css文件
5、wr --exec “lessc --source-map style.less style.css” style.less