less/sass/coffeescript编译工具推荐 – koala | front news | 前端观察
您的位置:首页 > front news > less/sass/coffeescript编译工具推荐 – koala
less/sass/coffeescript编译工具推荐 – koala
ethan 发表于 04. jun, 2013, 分类: front news , 发表评论 »
标签:less & sass & 工具
标签:less & sass & 工具
越来越多的同学开始使用less/sass等预处理器的方式来编写css与javascript,很大程度上提高了工作效果,但编译文件是个繁琐的事情,使用命令行的方式操作起来很累,目前也已经有一些图形工具,比如mac下的codekit, windows下有winless、simpless等。codekit是一个很棒的工具,它是一个商业的软件且只有mac版本。而windows下现有的工具都比较简陋,无法满足我们日常开发需求。
今天向大家推荐一个新工具koala,功能齐全,跨平台运行,同时还是一个开源软件。
&
koala是什么?
koala是一个前端预处理器语言图形编译工具,目前已支持less、sass、compass、coffeescript。
下载地址:http://koala-app.com/index-zh.html
&
功能特性:
- 多语言支持:支持less、sass、coffeescript、compass framework;
- 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作;
- 编译选项:支持自定义设置各个语言的编译选项;
- import文件监听:关联import文件,如import文件改变,源文件将自动进行编译。
- 代码压缩:less & sass支持编译后自动压缩代码;
- 错误提示:在编译时如果遇到语法的错误,koala将在右下角弹出错误信息,方便开发者定位代码错误位置;
- 跨平台:windows、linux、mac 完美运行;
&
如何使用:
&
使用技巧:
切换为中文语言:打开设置窗口,system – locales选择为中文,重启后生效。
设置全局编译选项:在设置窗口中勾选各个编译选项后,新增加的文件将应用该设置。
批量处理功能:文件列表可进行多文件选择,选中后打开右键,可批量设置输出目录与批量编译文件。
&
如果你在使用过程中遇到问题,可在github上向作者反馈:https://github.com/oklai/koala/issues/new
&
截图:
&
&
&
作者: ethan
web前端工程师
web前端工程师
如果你喜欢本文,欢迎 订阅本站 以获得本站最新内容。
您或许也会喜欢:
- less介绍及其与sass的差异
- less/sass/stylus开发工具汇总
- sublime text 2的less2css插件介绍与安装
- 11款完全免费的web设计工具
- 12个对网页设计师非常有用的图片优化工具
- ianimator-css3动画制作工具
- web 开发工具箱:120个 web 开发工具(下)
- 滚动视差网站工具与教程
- 20款超棒的响应式设计测试书签应用
- 132 个 web 设计工具(上)