今天学习用到了koala编译工具，主要用在less的编译上。

首先在koala官网http://koala-app.com/index-zh.html上下载安装最新版本的软件，我用的是koala_2.0.4版本的

 

 

 下载后就可以进行安装，安装完后运行koala

刚开始时英文显示的，可以设置中文的

然后重启软件就可以显示中文了。

接下来就简单的介绍下怎么编译less文件了。

首先在项目中先创建一个css文件夹，并在css文件夹里创建less文件，比如main.less

然后简单的写一些less的代码，如下

保存，再把整个css文件拖到koala中

 

单击鼠标右键，选中输出路径为你要存放的css文件的路径，这里我为了方便，和less文件放一起了，统一放在了css文件夹中，并命名为main.css

 在执行编译就会生成一个main.css文件了

 

编译后的css文件和之前less文件

这样就完成了，以后在less文件上写代码，koala会自动编译相应变化的代码到css文件上的