前端工具推荐-Koala,支持Less、Sass、CoffeeScript编译。
标签:
前端
工具
koala
| 发表时间:2013-03-24 11:32 | 作者:oklai
出处:http://www.v2ex.com/
越来越多的前端同学喜欢使用Less、Sass等预处理形式来编写CSS与JavaScript.这些语言确实很棒,大大提高工作效率,语法风格也很受Geek们青睐。
我也是一个Less重度使用者,之前一直用winLess编译less文件。
less编译工具比较多人使用的有winless、simpless、codekit。
前两个功能都很单一,winLess的UI确实是丑了一些。codekit是个很棒的工具,卖25刀,并且mac only。
出于codekit的启示,我就想开发一个跨平台并且支持多种语言,最重要还是开源的工具。独乐乐不如众乐乐嘛。
于是就有——Koala。
Koala是什么?
koala是一款桌面图形应用,支持less、sass、coffeescript即时编译,帮助web开发者更高效地使用less、sass、coffeescript进行开发。
比上面说的好在哪里?
UI漂亮,开源免费。
功能特性有哪些?
多语言支持:支持less、sass、coffeescript 和 compass framework。
实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作。
编译选项:可以设置各个语言的编译选项。
代码压缩:less & sass支持编译后自动代码压缩.
错误提示:在编译时如果遇到语法的错误,koala将在右下角弹出错误信息,方便开发者定位代码错误位置。
跨平台:windows、linux、mac都能完美运行。
项目主页:http://koala-app.com/index-zh.html
Koala源代码托管在Github上:https://github.com/oklai/koala
未来可能加入的功能?
Jade & Haml 编译、CSS & JS 压缩、JPG & PNG 图片压缩?
欢迎有兴趣的同学参与Koala开发^-^。
相关 [前端 工具 koala] 推荐:
- - V2EX - 技术
越来越多的前端同学喜欢使用Less、Sass等预处理形式来编写CSS与JavaScript.这些语言确实很棒,大大提高工作效率,语法风格也很受Geek们青睐. 我也是一个Less重度使用者,之前一直用winLess编译less文件. less编译工具比较多人使用的有winless、simpless、codekit.
- water - WEB前端开发
声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发转载请注明转自《前端开发小工具集合(2011-05-24更新)》.
- 可可 - 36氪
Twitter刚刚推出了一套用于快速搭建网页应用的轻量级前端开发工具Bootstrap. Bootstrap工具由Twitter设计师Mark Otto和Jacob Thornton合作开发. 你可以从GitHub上获取这套源码,相关示例请查看这里. Bootstrap是一套用于开发网页应用,符合HTML和CSS简洁但优美规范的库.
- - 我爱水煮鱼
工欲善其事必先利其器,作为前端开发的你,有了本文介绍的工具和一些功能,就可以高效的处理任务和信息. 下面的这些工具都是本人平时经常用到的,如果你有更好的更有效率的工具,请告知一声,补充一下. 前端要看网页,浏览器是必备的,但为什么要选择火狐浏览器而不是谷歌、IE、opera、360. 首先,IE就不要谈了,360那些国产的也不要提了,Opera 国内使用率并不高.
- - 系统技术非业余研究
原创文章,转载请注明: 转载自 系统技术非业余研究. fio性能测试工具新添图形前端gfio. fio是个非常强大的IO性能测试工具,可以毫不夸张的说,如果你把所有的fio参数都搞明白了,基本上就把IO协议栈的问题搞的差不多明白了,原因在于作者Jens Axboe是linux内核IO部分的maintainer.
- - SegmentFault 最新的文章
简洁的模版语法,简单的API,关键还能前后端(Nodejs)共用模板,简直就是前端开发利器. 今天有个想法,把 artTemplate封装下,模版 render后给 input等注册几个事件,分分钟就能实现简单的数据双向绑定. 提供强大的前端静态资源(主要是JS和CSS)构建压缩方案,前身是 Components.
- - IT瘾-tuicool
前言:本人于 2014 年底开始供职于百度贴吧(以下简称“贴吧”). 贴吧作为中国最大规模的 UGC 产品之一,在PC和移动端上承载了数亿用户的访问. 在过去十几年的运营中,贴吧积累了十分复杂的业务模式. 在 Web 前端,一度有超过40名工程师同时开发、提交和上线,为此,贴吧建设了非常复杂和完备的开发体系.
- - 掘金 前端
提到 babel,你会想到什么. 可以把项目中的 es6、es7 等代码转成目标环境支持的代码. 可以自动 polyfill 目标环境不支持的 api. taro (小程序转译工具)是基于 babel 实现的. 我们公司现在用 babel 来编译 typescript,不用 tsc 了. 我基于 babel 做过自动埋点的功能,得到了领导的夸奖.
- - IT瘾-dev
简述前端包管理工具机制和相关实践. 区别于 Python 的包管理工具 pip 的全局安装,npm 会安装依赖包到当前项目目录,使不同项目的依赖更成体系,这样做的好处是减轻了包作者的 API 兼容性压力;但是缺陷是如果两个项目依赖了一个相同的库,一般这个库会在这两个项目中各安装一次,即相同的依赖包会被多次安装.
- bin - Web前端 - ITeye博客
收集的一些轻量级非常实用的前端开发小工具:. CSS3样式生成器:http://www.css88.com/tool/css3Preview/. CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/. CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/.