Atom Plugin — CodeKit

First Steps:: Getting Started; Live-Reload Browsers; Browser Sync; Set Language Options; Set Output Paths & Action

Second Steps:: Defaults For New Projects; Build Your Project; Set Target Browsers

Stuff To Know:: CodeKit + Git; Troubleshooting; License Recovery

PostCSS Tools:: Autoprefixer; PurgeCSS; Custom PostCSS Plugins

Other Tools:: npm; Babel — (JS Transpiler); Terser — (JS Minifier); Rollup — (JS Bundler); Cache-Buster; HTML-Minifier; LightningCSS; Bless

Languages:: Sass; Less; Stylus; JavaScript; CoffeeScript; TypeScript; Pug; Haml; Slim; Kit; Markdown; JSON

Image Optimizers:: WebP; PNG; JPEG; SVG; GIF

Frameworks:: CodeKit Frameworks; Tailwind; Bootstrap; Bourbon; Bitters; Zurb Foundation; Susy; Nib; Jeet

Syntax Checkers:: ESLint

Advanced:: Hooks; Environment Variables; Adding Custom Languages; Team Workflows; Scripting CodeKit

Editor Plugins:: Nova; Atom; Sublime Text; Coda 2

More: Read-Only Mode; Upgrading From 2.0; FAQ

Sound Familiar?

You open Atom, edit a file, save...and nothing. *Sigh*. You forgot to launch CodeKit or your project folder wasn't in the app.

This plugin for Atom automatically launches CodeKit and adds projects to the app so that you don't have to. It also does a lot more!

View The Plugin

Installing

Make sure you have the latest version of Atom and CodeKit 3. Then, install the plugin via Atom's Package Manager.

Documentation

See the official plugin documentation for details on how to use it.

From Sam Davis

This plugin was created by Sam Davis. The source code is available on GitHub. If you have questions or feedback about the plugin, please use the issue tracker on that repository.

Thanks for creating this and for making CodeKit better, Sam!