Features Videos Help About Updates
Menu Buy Now

Coda 2 Plugin

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
The Coda 2 logo

Sound Familiar?

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

This plugin for Coda 2 automatically launches CodeKit and adds projects to the app so that you don't have to.

Download The Plugin
Installing

Make sure you have Coda 2.5+ and CodeKit 2.1.8+. Click the button above, unzip the file, then double-click it.

Updates

The plugin can't check for updates on its own, so keep an eye on CodeKit's release notes. I'll announce new versions there.


How It Works

When you open a Coda Site, the plugin looks for a config.codekit3 file in the Site's folder. If it finds one, the plugin launches CodeKit and makes sure that folder is added to CodeKit as a project.

If the Site folder does not contain a config.codekit3 file, or if you open something that is not part of a Coda Site, the plugin starts at the folder containing the item you opened and checks every parent folder until it finds one that contains a config.codekit3 file. When it does, it makes sure that folder is in CodeKit.

Note: New Projects

When you create a new project in Coda, you must add its folder to CodeKit manually the first time. This is because the plugin looks for a CodeKit config file, which won't exist until the folder has been in CodeKit once.

Project Switching

If your Coda project is already in CodeKit, the plugin does not make it the active project automatically. Doing so would warp browsers away from the page you're previewing.

Warning

Avoid putting config.codekit3 files in random directories (like dragging one to your desktop) or this plugin may add that whole folder to CodeKit when you edit a file in a subfolder.


View The Source

I've open-sourced this plugin on GitHub so that you can see how it works. I would love to feature similar plugins for other editors on the CodeKit website. If you write one, please get in touch: [email protected]

Made in San Diego, CA

Follow the Developer on Twitter

Email Support

Report a Bug

Privacy Policy