koala的使用与遇到的问题

个人觉得这是一款很好用的软件，可以编译Less、Sass、CoffeeScript 和 Compass Framework等语言；可自动编译也可手动的编译；跨平台，在windows、linux、mac下都能完美运行。对于出错的文件，在右下角会给出错误提示及错误信息。简单好用。

koala 百度网盘的下载链接：

链接：https://pan.baidu.com/s/17Mu77lSmzMsfT9yBTym6zw 
提取码：x5sk 

下载后直接安装即可。安装后，会在右下角出现一个这样的图标 点击图标会出现如下界面

点击设置按钮进入设置界面：

进入设置后，首先是英文的界面，在基本设置里将语言"English"改为“简体中文”,点击确定按钮，并关闭这个界面，再打开一次，切记，只有这样，设置的语言才会生效。我这里是是已经改好的，所以是中文的。

接下来点击“加号”按钮，可以添加需要上传的文件，也可以将文件直接拖动到右边的区域里。我这里以sass文件为例：

koala在编译sass时，会将其兼容性写法也编译出来。

右键其中一个文件，有“打开文件”，“打开文件目录”，“打开输出目录”，“设置输出路径”，“执行编译”，“移除文件”这几个选项，其中需要在“设置输出路径”选项里设置输出目录以及输出css文件名，可以点击“执行编译”来编译文件，就可以看到生成的css文件了。

鼠标点击scss文件，会在右侧出现选项：

右边的选项不用点，用默认的即可，自动编译选项可根据需要或爱好选择。这里点击“执行编译”也可编译文件。

出错点：

1：

F:\BaiduNetdiskDownload\前端\练习\练习1\sass\base.scss

Error:bArgumentError:invalid byte sequence in UTF-8 Use --trace for backtrace.

解决：

这是因为路径名里有中文的原因，建议全部改为英文的名字，平时尽量养成用英文命名的习惯:

2：

F:\BaiduNetdiskDownload\Front_end\Practice\practice1\sass\index.scss

Error:Invalid CSS after"...for backtrace.":expected"{",was"" on line 68 of F:\BaiduNetdiskDownload\Front_end\Practice\practice1

--trace for backtrace

这里我以为是语法写错了,最后发现是不小心在代码最后写了别的东西。