标签:单击 web 执行 修改 rip 额外 打开 平台 多个
摘要:Koala是一款预处理器语言图形编译工具,支持Less、Sass、CoffeeScript、Compass框架的即时编译。无需手动输入命令去编译,后台监听文件是否有改变,如有修改会自动进行编译,能够大大提升Web开发中的工作效率。
近期,我们对腾讯Koala团队进行了专访 ,一款预处理器语言图形编译工具,支持Less、Sass、CoffeeScript、Compass框架的即时编译。本篇文章为大家着重介绍Koala工具的使用进行讲解,以供参考。
Koala代码托管地址: https://code.csdn.net/Tencent/koala
一、安装Koala
开发者可以直接下载安装包,或者选择从源码编译Koala,两种方式都可以。
1. 直接下载
可前往 Koala项目主页,根据系统平台下载对应的版本,Sass编译要求Windows/Linux系统且已安装好Ruby运行环境。
2. 从源码编译Koala
a. 首先克隆Koala源码到本地:
$ git clone <a href="https://code.csdn.net/Tencent/koala.git">https://code.csdn.net/Tencent/koala.git</a>
b. 下载与你系统环境相对应已编译好的node-webkit(<=0.8.x)文件
c. 根据使用的操作系统,进行不同的操作:
d. 最后运行nw可执行程序。
二、Koala基本操作
那如何在Koala中添加项目,如何批量处理文件?下面为大家介绍下Koala的基本操作。
Koala运行界面
三、详解“项目配置”
项目配置功能可以对所有项目文件进行设置,制定属于该项目的编译配置,同时以配置文件的形式保存,可以方便团队间配置同步,协作更加高效。
创建配置文件
在Koala界面左侧项目列表中选择某个项目,单击右键,“项目配置—新建配置”,然后选择相应项目类型,JS、CSS项目可以选择“默认”配置。这样,Koala将在该项目根目录下创建koala.config文件。首次创建配置文件后,右键点击项目,选择“重新载入”即可生效配置;后续修改的配置,Koala将自动读取配置并立即生效。
配置字段介绍
"mappings": [ { "src": "path/to/source", "dest": "path/to/output" }, { "src": "path/to/source2", "dest": "path/to/output2" } ]
ignores (Array):过滤文件或目录。
如: "ignores": ["*.json", "*.txt", "test", "path/libs"]
更多内容,如怎样在Koala中添加Source Map选项、如何在Koala中安装并使用第三方Ruby库,可以参考详细使用文档: https://code.csdn.net/Tencent/koala/wikis 。
【腾讯开源】前端预处理器语言图形编译工具 Koala使用指南
标签:单击 web 执行 修改 rip 额外 打开 平台 多个
原文地址:http://www.cnblogs.com/ertingbo/p/6672624.html