Features Videos Help About Updates
Menu Buy Now

Set Language Options

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
You can set processing options for a file:
  1. In Project Settings
  2. In the File Inspector

The one you choose depends on whether you want to adjust settings for one file, or all files of that type.


In Project Settings

A screenshot of the project settings button from the CodeKit window.

Click the gear-shaped button on the left side of CodeKit's window to open Project Settings.

Next, choose the language for which you want to adjust options. You'll see a screen like this:

A screenshot of the project settings area in the CodeKit window.

When you change an option in Project Settings, that change is applied to all files of that type in the Project. For example, if we selected a different Output Style in the window above, all Sass files in the project would adopt the change.


In The File Inspector

Some options can be set on a file-by-file basis as well. Select a file and look at the Inspector Pane on the right:

A screenshot of the sass inspector in the codekit window

Changing an option here affects only the selected file.

Keep in mind that if you change an option in Project Settings, any custom values you have set for that option on a file-by-file basis will be overwritten.


Set Defaults

You can tell CodeKit to start new projects with your custom settings. See Defaults For New Projects.

Made in San Diego, CA

Follow the Developer on Twitter

Email Support

Report a Bug

Privacy Policy