less的几种常见编译方法

当写完less文件后，浏览器并不能直接的识别less文件，所以需要先编译一下，有以下几种方法

1.可以安装一个koala软件

安装完之后，添加less文件，即可编译出相对应的css文件,引入编译好的css文件即可

2.引入一个less.js文件

在网上找到一个less.min.js文件，引入类型为.less的文件，再引入less.min.js文件
例

<link rel="stylesheet/less" href="css/less01.less">
    <script src="js/less.min.js"></script>

3.下载一个node.js，安装完之后,按下windows+r,输入cmd,打开黑窗口，如下

因为一些原因，我们需要用到cnpm,在窗口里输入如下命令

-g是全局的意思，i是install的简写
接下来就可以编译less文件了

先进入保存less文件的文件夹，输入lessc 编译
less01.less是要编译的less文件 less03.css是编译后的保存路径，可以自己定义路径

4.webstorm编译less

打开webstorm的settings中的Tools的Files Watcher,打开右边的加号，添加.less文件

Output paths to refresh中的内容删除
Arguments中添加如下内容
$FileName$ $FileParentDir$\files$FileNameWithoutExtension$.css
files可以自己指定
点击应用就可以了