codekit for mac版是mac上一款强大的前端全能开发神器，可以帮助您自动编译Less, Sass, Stylus, CoffeeScript, Jade & Haml等文件！codekit mac版致力于js文件合并和压缩，以及js语法错误检查，同时还支持Compass，令人发指的是甚至还能对jpeg&png图片优化，最重要的是可以让你在不同的项目中仅维护同一套文档，相信对于Web前端攻城师来说,这些功能都是非常受用的。

codekit for mac软件介绍

CodeKit是一款 Mac上知名的Web前端开发工具，因为功能强大被誉为前端开发“神器”，支持最流行的框架技术，如支持Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript 等语言的编译，具有浏览器自动刷新、各种前端开发框架自动安装 (Bootstrap, jQuery）等等功能，尤其是对最新技术的支持相当不错，可谓前端开发利器！CodeKit为JavaScript 提供合并、压缩以及错误检查，优化 jpeg 和 png 格式的图片。CodeKit所有功能是基于 Project， 因此你必须先创建一个 Project，按 + 选择你的项目目录，或者直接拖拽进来。

codekit for mac版功能介绍

1.编译每种语言

CodeKit自动编译您在教程中阅读的所有那些令人敬畏的语言。

所有酷孩子开箱即用编译Sass，Less，Stylus，CSS，CoffeeScript，Pug，Slim，Haml，TypeScript，JavaScript，ES6，Markdown，JSON，SVG，PNG，GIF和JPEG。

死简单配置想要压缩CSS吗？只需选中一个方框。需要转换JavaScript吗？选中一个方框。每个工具的选项都以美观，干净的UI提供。没有更多的黑客构建脚本。

出血边缘工具供应商前缀的自动修复程序。Babel.js用于下一代JavaScript。Libsass用于更快的Sass编译。最好的工作流程就是内置的。

添加任何语言使用非内置的东西？轻松告诉CodeKit如何在UI中处理任何类型的文件。不需要愚蠢的配置文件或插件。

2.刷新浏览器

CodeKit会在您工作时自动刷新浏览器。喜欢魔法。

任何设备Mac，iOS，Android，Windows，特斯拉，厨房冰箱......如果有现代浏览器，它会刷新。即使通过SSL，也支持所有主要的浏览器供应商。

浏览器同步在表单中键入一些文本，它也会神奇地出现在您的所有其他设备上。点击一个链接，点击每个设备。快速的跨设备测试。

零设置没有插件，没有脚本标签，没有工作。只需单击CodeKit中的“预览”按钮即可完成。您甚至不需要SSL证书。真。

注射重载注入CSS更改时无需重新加载整个页面，因此您可以轻松地设置对话框和模态内容的样式，或者只是A / B测试设计。

3.优化是不是没有人有时间使用缓慢，臃肿的网站。CodeKit使它们更快。

优化图像只需点击一下，即可获得70％的PNG和JPEG文件。SVG和GIF也是如此。较小的图像意味着更快的网站。

缩小脚本和CSS组合脚本以减少HTTP请求。缩小代码以减小文件大小。所有最佳实践完全控制细节。

缓存爆破自动缓存 - 脚本脚本和样式表，以便您的更改在部署时立即生效。

来源地图缩小代码，但在浏览器的检查器中查看原始版本。使用大多数语言自动运行，无需头痛。

4.快速入门您

知道框架如何具有那些复杂的“入门”步骤吗？我们只需点击一下即可？

鲍尔力量Bower内置于CodeKit中，因此您可以轻松安装和更新56,000多个组件。jQuery到WordPress以及介于两者之间的一切。

Zurb基金会在几秒钟内启动基础或Google Web Starter Kit项目。CodeKit会自动下载最新版本并为您设置。

CSS框架嘉豪所有最好的CSS框架都是内置的：Bourbon，Neat，Bitters，Susy，Nib，Jeet和Compass。只需在样式表中添加@import语句，CodeKit就可以使用它。

CodeKit框架在多个项目中重用代码，但在磁盘上保留一个副本。更新它时，所有内容都会重新编译以捕获更改。

5.建立

只需单击一下即可构建整个项目。通过直观，漂亮的UI微调过程。

轻松迁移选中一个框，现有项目正常工作。不更新数百个输出路径，不更改页面上的URL。这是魔法。

炽热的速度Mac的处理器有很多核心。CodeKit使用它们来并行处理文件，以便快速完成构建。

完全可扩展几乎任何东西。运行自定义shell脚本并在UI中查看其输出。或者使用AppleScript告诉Transmit在构建完成后上传您的站点。

简单配置轻松自定义构建过程。只需单击即可添加步骤。拖动它们以重新排序。设置这些东西应该不需要访问Stack Overflow。

6.调试

在某个地方错过了一个怪异的逗号？使用内置调试工具快速找到问题。

ESLint使用所有语法检查程序的母亲扫描JavaScript。在UI中使用示例和说明轻松自定义数百条规则。

JSHint和JSLint还没准备好搬到ESLint？没问题。JSHint和JSLint也是内置的。查看每个问题的确切行号和列号。

CoffeeLint同时扫描CoffeeScript文件以解决问题！在灵活的用户界面中配置选项并实施最佳实践，就像对JavaScript一样。

实施编码样式有一个人使用标签而不是空格？让他排队，并轻松设置规则，以保持整个团队编写干净，可读的代码。