lessc less安装

先下载nodejs http://nodejs.cn/ https://nodejs.org/zh-cn/
会自带npm
安装less

$ npm install -g less

查看lessc版本 (lessc是编译less的工具)

$ lessc -v

安装sublime的less插件

  1. 打开sublime,ctrl+shift+p打开命令面板,找到package control:install Package,然后选择less2css,回车。
  2. 继续ctrl+shift+p打开命令面板,找到package control:install Package,然后选择less,回车。
  3. 重启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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值