发表于： 2017-04-08 20:48:44
1 652
今天完成的事：
完成了任务11.
明天的计划：
开始任务12，至少完成一半.
问题：
设置chrome调试less没成功，chrome打开F12后没有显示less行号。
以下是设置步骤：
1 配置chrome到less文件之间的关联
http://note.youdao.com/share/?id=30cc4b54c13e6b9c2b8c4f7ac8de8fea&type=note#/
2 安装工具
(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
然后，如果修改less文件的内容，就会自动生成css文件。
3 生成source-map，让chrome认识less文件
命令：lessc --source-map style.less style.css
收获：
less的语法结构类似于java等编程语言，有命名空间，函数，运算，嵌套，继承等特性。简化了编写代码的过程。
返回列表
评论