1、首先基本环境要提前搭建好,node.js提前安装好
2、less可以通过node.js的NPM安装(全局安装):npm install less -g
3、webstorm10(低于10的没测试,不知道),操作:File→Settings→Tools→File Watchers,点击右侧绿色“+”号:
4、填写参数:
保存less文件,自动编译为css文件。
注意:编译后新的css文件是折叠在这里的
展开:
不容易发现
有空弄:生成的css自动放到dist等文件夹中,并且html文件的引用时同步变动,且带有防止缓存的参数:如:main.css?v=20160127