原站网页截图，页面可能随时间更新。
CodeKit 面向需要制作和维护网站的开发者，把编译、资源优化、浏览器预览、依赖安装和项目构建等工作集中到一个应用中，减少手动维护构建脚本的需要。
适用用途
CodeKit 用于网页项目的日常开发与构建。它可以处理样式、脚本、模板、文档、数据文件及图片等内容，将源文件编译或优化为适合网站使用的结果。对于希望通过图形界面完成常见前端配置、减少构建脚本维护工作的 Mac 用户，它提供了一套集中式工作方式。
适用场景
在编写 Sass、Less、Stylus、CoffeeScript、TypeScript、JavaScript、ES6、Markdown、JSON、SVG、PNG、GIF 或 JPEG 项目时，CodeKit 可承担相应的处理工作。开发者也可以用它配合 Tailwind、Bootstrap 或 Zurb Foundation 项目，并在多个设备和浏览器之间同步预览页面。它适合需要频繁修改代码、检查页面效果和进行跨设备测试的网页开发场景。
准备与上手
CodeKit 是原生 Mac 应用，运行要求为 macOS 13.5 或更高版本。官网提供免费下载试用，并说明产品采用无订阅方式。开始使用时，可将现有项目交给应用处理，通过界面配置文件处理方式和构建流程。页面预览可从 CodeKit 中启动，不需要安装浏览器插件、添加脚本标签或配置 TLS 证书。
主要功能
CodeKit 支持多种语言和文件类型的编译，并提供压缩 CSS、转译 JavaScript、自动添加浏览器厂商前缀、生成源映射等选项。它能够压缩 PNG、JPEG、SVG、GIF 和 WebP 图片，也能压缩 JavaScript 与 HTML、合并 JavaScript、移除未使用的 CSS，并为脚本和样式表执行缓存清除处理。
应用内置 npm 操作界面，可安装超过 130 万个 npm 包，查看过时项目并直接更新。它还支持复用多个项目中的框架代码，在共享代码更新后重新编译相关项目。构建流程可以通过界面添加步骤、调整顺序、运行自定义 Shell 脚本，或使用 AppleScript 在构建结束后通知其他应用。
开发过程中，CodeKit 可自动刷新并同步多个浏览器和设备，支持表单输入及链接操作的跨设备同步。CSS 修改可以直接注入页面，避免每次都完整刷新。调试方面，它集成 ESLint，可扫描 JavaScript、配置规则，并读取已有 ESLint 配置文件。
可确认的限制
CodeKit 的运行环境限定为 macOS 13.5 及以上，不能作为 Windows 或其他操作系统上的原生应用使用。官网明确将其定位为 Mac 应用，因此使用其他系统的用户无法按同样方式安装和运行。
它适合网页开发中的编译、构建、优化和预览工作，但官网信息并未说明所有语言、框架或第三方工具的具体兼容范围，也未给出具体硬件配置、构建性能指标或完整的项目迁移条件。使用特殊工具链时，仍需结合项目本身确认处理方式。
CodeKit 是否需要订阅？
官网说明 CodeKit 不采用订阅模式，并提供免费试用。
CodeKit 支持哪些设备进行浏览器预览？
只要设备拥有现代浏览器，就可以参与预览与同步；官网列举了 Mac、iOS、Android、Windows 以及支持现代浏览器的其他设备。