less编译：less 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的css文件。所以需要把less文件编译生成css文件，这样html页面才能使用。
不同的编辑器都有对应的less插件，或者可配置less解析。今天我以webstorm为例，配置less解析
1.先安装node.js （node -v 查看安装版本）
2.基于node.js在线安装less，npm install -g less （lessc -v查看版本）
安装完成后，记下lessc路径
打开webstorm，依次点击 file->settings->Tools->file watchers，按照下图进行配置:
然后我们新建less文件只要一保存就会自动生成对应的css文件，修改less，css也会同步更新。