当前位置:首页>Koala教程>Koala教程

Koala教程

作者:微学网发布时间:2019-08-11 21:55:52

什么是Koala

Koala是一个开源的预处理语言图形编译工具,目前已支持LessSass、Compass与CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac。

什么是Koala

Koala的功能特性

  • 多语言支持: 支持Less、Sass、Compass与CoffeeScript。

  • 实时监听与编译: 在后台监听文件的变动,检测到文件被修改后将自动进行编译。

  • 编译选项支持: 可以设置与自定义你需要的编译选项。

  • 压缩支持: Less、Sass可直接编译生成压缩后的css代码。

  • 错误提示: 编译中如果遇到错误,Koala将在右下角提示并显示出具体的出错地方,方便开发者快速定位。

  • 跨平台: Windows、Mac、Linux完美支持。

安装Koala

需要先安装Ruby,安装好Ruby后下载Koala吧。

点击去下载Koala: Koala下载

添加项目

拖拽文件夹到Koala界面,即可添加项目。如项目目录下有新增文件,点击文件列表上方的刷新按钮,将自动添加新文件。

修改文件输出目录

选择某个文件后,点击路径旁边的”编辑”图标,或单击右键出现操作菜单。可按下ctrl键同时选中多个文件,然后右键操作批量设置。

多文件批量设置

可像文件管理器一样,同时选择多个文件,ctrl, shift, ctrl+a, 鼠标滑选。 选中多个文件后单击右键出现操作菜单,目前功能有设置输出目录、切换自动编译、执行编译、移除文件。

使用指定编译器

某些时候你希望使用指定的某个版本的编译器,如你希望使用Sass pre version, 此时可以打开Koala设置面板,在对应的编译器设置栏,勾选“使用系统设置”;关于“使用指定的编译器”,如果在全局环境中(终端)可以直接执行该编译器命令,如sass -h,则无需填写,否则则填写具体的执行路径。