less编译的几种方法

1.考拉软件编译
http://koala-app.com/index-zh.html

要引入编译后的css文件 考拉会在后台监听
2.js在线编译

    <link rel="stylesheet/less" type="text/css" href="css/less01.less" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.8.1/less.min.js" ></script>

3.命令行编译
需要先下载 node.js
更换npm代理源
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安装cnpm
$ cnpm install -g less
监听
进入到需要监听的文件夹后执行此命令
$ lessc styles.less styles.css
4.webstorm编译
file - settings-tools-file watchers
点击右边的+ 选择less
配置arguments
$FileName$ $FileParentDir$\ccy\ccy1\ccy2$FileNameWithoutExtension$.css --source-map