chrome调试less及chrome的workspace

chrome调试less及chrome的workspace

chrome调试less

#安装less
$ npm install -g less

#编译less
$ lessc style.less style.css

如果你想用chrome来调试less文件,那你就生成soucemap,对应的文件是style.css.map
$ lessc --source-map style.less style.css

当然它不能与workspace 一同使用

chrome的workspace

F12 – Sources – 资源右键点击 – Add folder to workspace – Map to file system resource

这样不用调好样式后又在css、 js文件中重写,而且有时候修改多处css代码时会忘记。

Leave a Reply

Your email address will not be published. Required fields are marked *