Codekit - 为Web前端打造的全能型神器(附推荐各种工具)

Codekit - 为Web前端打造的全能型神器(附推荐各种工具)_第1张图片

Codekit - incident57又一华丽丽的工具,目前是beta,官网上介绍中罗列了这些功能特性:

  • 自动编译Less, Sass, Stylus, CoffeeScript, Jade & Haml等文件
  • 致力于js文件合并和压缩,以及js语法错误检查
  • 同时还支持Compass(Sass伴侣,官网地址:compass-style.org)
  • 令人发指的是甚至还能对jpeg&png图片优化
  • 自动刷新浏览器(之前推荐过同类的工具:前端开发利器-F5)
  • 让你在不同的项目中仅维护同一套文档
  • 然而这还仅仅是其中的一部分...

相信对于Web前端攻城师来说,这些功能都是非常受用的

 

但是....

> 该软件只能跟Mac合体(Mac OS 10.7+)

> 收费的...当然这么好的软件还是值得购买的


想了解更多请移步官方网站吧 : http://incident57.com/codekit/

 

既然提到了工具,就顺带再推荐一些相关的工具供大家使用吧,涵盖Mac,Linux,Windows平台 :

LESS.app (free,for mac)

Codekit - 为Web前端打造的全能型神器(附推荐各种工具)_第2张图片

同样出自incident57早期的一个 工具,Codekit是它的升级版

 

WinLess   (free,for win)

Codekit - 为Web前端打造的全能型神器(附推荐各种工具)_第3张图片

WinLess是Windows下LESS.js的GUI工具,对于Windows下的web developer来说是居家必备的神物...

 

SimpleLESS (free for mac, linux and pc)

Codekit - 为Web前端打造的全能型神器(附推荐各种工具)_第4张图片

同样是华丽得一塌糊涂,貌似跟mac搭上边的软件都有这么一个特性-, -

 

Crunch (基于air,所以跨平台)

Codekit - 为Web前端打造的全能型神器(附推荐各种工具)_第5张图片

特点:

Crunch不仅仅是一款LESS编译器,同时也是LESS编辑器.

如果你工作中跟大量的LESS文件打交道试下它准没错.

Crunch是基于Adobe AIR平台.

 

 

SASS相关的GUI推荐:

compass.app ($7  Windows/Linux/Mac)

Codekit - 为Web前端打造的全能型神器(附推荐各种工具)_第6张图片

支持Windows/Linux/Mac
支持LiveReload
内置Web server
支持Compass扩展

 

参考:

http://sass-lang.com/ 

http://www.lesscss.org

https://github.com/cloudhead/less.js/wiki/GUI-compilers-that-use-LESS.js (同时也推荐了几款命令行工具)

http://winless.org/

http://compass.handlino.com/

你可能感兴趣的:(web前端)