首页 > 网页教程 > CSS > koala:LESS/Sass前端预处理器语言图形编译工具

koala:LESS/Sass前端预处理器语言图形编译工具

时间:2013-06-29    来源:互联网

越来越多前端开发人员开始使用less等预处理器的方式来编写CSS或JavaScript,比较常见的有less、sass、coffeescript、Less等。可惜代码无法直接在浏览器中执行,最终还是需要编译成CSS或JS 。它们语法很棒,但是它们的编译方式却不够灵活。

官方基本上都是只提供命令行的方式进行文件编译,less 还可以在页面中嵌入一个less.js进行在线编译,但这种方法实在是不靠谱,所以大家都喜欢使用图形界面工具来进行编译工作,高效快捷。

在koala开发之前已经有一些工具了,比如winLess、simpless等,功能都比较单一,且只支持less,还有一些同学折腾编辑器sublime text等,但目前还没有一个很完美的方案,还好,现在有了Koala。

koala

Koala 是什么?

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

Koala 特性:

  • 多语言支持:支持Less、Sass、CoffeeScript 和 Compass Framework。
  • 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作。
  • 编译选项:可以设置各个语言的编译选项。
  • 代码压缩:Less & Sass支持编译后自动代码压缩.
  • 错误提示:在编译时如果遇到语法的错误,koala将在右下角弹出错误信息,方便开发者定位代码错误位置。
  • 跨平台:windows、linux、mac都能完美运行。

下载地址:http://koala-app.com/index-zh.html

相关推荐
CSS工具之SASS样式开发指南
24款超级实用的免费CSS3在线工具宝典
36款超级实用的CSS3在线生成器和工具推荐
13款让你快速编写CSS和HTML代码的实用工具
10款优秀的前端开发CSS编辑器推荐
29款web开发最佳CSS工具和应用推荐
10款超级实用的在线CSS3代码生成工具推荐
8款超实用的免费CSS的UI工具箱推荐
5款生成CSS3动画效果的CSS3类库和工具
8款网页前端开发有用的优秀CSS工具分享
Stylie:可视化CSS3动画生成神器推荐
WEB前端开发应该注意的问题8点(原创技巧)
网页前端开发:微博CSS3适用细节初探
CSS3新手入门教程:快乐的CSS3之旅!
8个CSS3前端开发必备的实用在线帮助手册
9种网页设计有用的CSS3属性和使用技巧
高效CSS开发需要注意的要点以及提升性能的做法
Web前端开发框架Twitter BootStrap推荐
17款超棒的前端开发响应式开发框架推荐
什么是响应式网页设计?响应式布局的实现原理
前端开发框架Bootstrap3.0新手入门学习系列教程
前端开发框架Bootstrap3.0学习教程之入门篇
前端开发框架Bootstrap3.0学习教程之栅格系统原理
前端开发框架Bootstrap3.0学习教程之栅格系统案例
14款响应式布局的前端开发框架推荐
2015年最受欢迎开源前端框架盘点TOP 20
20个免费CSS框架推荐 网页设计web开发必备
Bootstrap:知名的开源前端框架中文翻译版上线
8个超棒的创建响应式网页设计框架推荐

精彩推荐

热门教程