Features Videos Help About Updates
Menu Buy Now

Environment Variables

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

What's an Environment Variable?

Environment Variables let you pass important configuration information to both the tools that CodeKit runs and your own Hooks or Build Steps.

To edit them, open the General section of Project Settings:

a screenshot of the environment variables settings area in the CodeKit application window.
Variable Names and Values

Environment Variable names are written in all-caps and may contain only letters, numbers, and underscores. CodeKit will validate the name for you.

The value of the variable is not limited, but keep in mind that complex values may cause errors with some tools that CodeKit runs.

Where Are These Variables Used?

Your Environment Variables are available in any Hook or Build Step that you create. They are also available when running most compilers/tools in CodeKit, such as Terser (the JS minifier), ESLint, or Babel.

The exceptions are tools that don't run from shell-like environments:

  • Libsass Compiler
  • MultiMarkdown Compiler
  • JSON Minifier
  • Kit Compiler
  • Cache-Buster

Made in San Diego, CA

Follow the Developer on Twitter

Email Support

Report a Bug

Privacy Policy