用less的目的是为了更方便更痛快的编写css，但实质任然是css。所以最后需要将less转换成css，这个过程叫编译。
编译方法有很多种，这里先讲讲用koala这个软件来编译。
1、新建一个less文件（这里我用sublime编辑器）
订阅号：Rabbit_svip
2、打开koala，然后把less的父目录拉到koala里
订阅号：Rabbit_svip
3、选中右边的文件夹，单机右键，设置输出路径
订阅号：Rabbit_svip
image.png
输出的文件是css文件！！！
4、选中右边的文件夹，左键选中，选择自动编译，执行编译
订阅号：Rabbit_svip
image.png
出现Success就证明编译成功了。
然后查看less所在的文件夹，会发现多了一个css文件
订阅号：Rabbit_svip
打开这个css，会看到编译后的结果。
订阅号：Rabbit_svip
5、新建一个html文件，然后连上这个css。
订阅号：Rabbit_svip
在浏览器可以看到效果。
做好以上的操作，在编写这个less文件的时候，只要在sublime里保存，koala就会自动把写好的less文件编译成css，不用每次都手动去编译了。
在koala里还可以选择压缩css文件。
左键选择需要编译的less文件。选择compress，然后执行编译。
订阅号：Rabbit_svip
订阅号：Rabbit_svip
再打开css文件，可以看到编译后的css都是被压缩成一行的。
网友评论