-
Notifications
You must be signed in to change notification settings - Fork 522
开始使用Koala
Koala是一个开源的预处理语言图形编译工具,目前已支持Less、Sass、Compass与CoffeeScript。
功能特性
- 多语言支持: 支持Less、Sass、Compass与CoffeeScript。
- 实时监听与编译: 在后台监听文件的变动,检测到文件被修改后将自动进行编译。
- 编译选项支持: 可以设置与自定义你需要的编译选项。
- 压缩支持: Less、Sass可直接编译生成压缩后的css代码。
- 错误提示: 编译中如果遇到错误,Koala将在右下角提示并显示出具体的出错地方,方便开发者快速定位。
- 跨平台: Windows、Mac、Linux完美支持。
在Koala官网根据你的系统平台下载对应的版本。Linux系统要求已安装好ruby运行环境。
拖拽文件夹到Koala界面,即可添加项目。如项目目录下有新增文件,点击文件列表上方的刷新按钮,将自动添加新文件。
选择某个文件后,点击路径旁边的"编辑"图标,或单击右键出现操作菜单。可按下ctrl键同时选中多个文件,然后右键操作批量设置。
可像文件管理器一样,同时选择多个文件,ctrl, shift, ctrl+a, 鼠标滑选. 选中多个文件后单击右键出现操作菜单,目前功能有设置输出目录、切换自动编译、执行编译、移除文件。
某些时候你希望使用指定的某个版本的编译器,如你希望使用Sass pre version, 此时可以打开Koala设置面板,在对应的编译器设置栏,勾选“使用系统设置”;关于“使用指定的编译器”,如果在全局环境中(终端)可以直接执行该编译器命令,如sass -h
,则无需填写,否则则填写具体的执行路径。
更详细的使用介绍,请看这篇博文:
SASS界面编译工具——Koala的使用
/* START Navbar style+layout changed 260422*/ .navbar-collapse ul.nav.navbar-nav > li { width: 150px; border-bottom: 2px solid #b2b2b2; height: 70px; } .navbar-collapse ul.nav.navbar-nav > li.active { height: 70px; border-bottom: 3px solid #257FA6 !important; } .navbar-collapse ul.nav li a { font-size: 16px !important; font-family: 'Open Sans' !important; color: #2c2c2c !important; height: 54px; border-right: 2px solid #b2b2b2; text-align: center; padding: 10px 18px !impo