Brackets Extensions

Brackets doesn't yet have functionality for discovering and installing extensions. In the meantime, here's a list of extensions that people have built. You can copy them into the brackets/src/extensions/user folder, then reload or restart Brackets.

If you've written an extension (even just as an experiment), please feel free to edit this page directly and add it (with some indication of what state it's in). Thanks!

Code/text editing

• Snippets: Assign trigger keys to insert snippets. Configurable with JSON
• String Convert: Provides shortcuts for modifying and encoding strings within the editor.
• Prefixr: Generate browser specific CSS prefixes using the prefixr service.
• TabToSpace: Converts indentation to tabs or spaces
• Show Indentations: Visualizes the characters used for indenting lines

Code generation

• App Cache Buddy: Generate and validate application cache manifests.
• Annotate: Generates JSDoc annotations for your functions (VERY EARLY IMPLEMENTATION)

General functionality

• Extension Manager: Install, Remove, and upgrade your extensions from the cloud from inside Brackets (requires node).
• Related Files: Discovers and allows you to open related files in your project.
• Open file from url: Opens any href and rel atribute urls in editor on ALT+0 shortcut. Currently works only with existing files.

Live development

• Debugger: Brackets Debugger for the Live Development browser.
• Everyscrub: Everything's a scrubber! Cmd/Ctrl + drag on any number or hex color to scrub its value and update the browser in real time.
• Reload in Browser: Adds a toolbar button and shortcut to reload the page in the browser
• V8/Node Live Development: Updates scripts running in Node.js as you type

Visual editing

• Color Picker: Quick Edit on a hex color opens an inline color picker.

External tools

• GitHub: Implements the GitHub API, including oAuth. Currently functionality limited to Gists.
• ToGist: Create an anonymous gist from the current selection.
• (See also Prefixr above).
• PhoneGap Build: Eventual goal is to be able to send a project to PhoneGap Build from Brackets. Still in early stages.

Documentation

• MDNLookup: Includes a way of creating an extensions toolbar and adding buttons to the toolbar with callbacks. Requires a slight change to the core.

Linting & warnings

• CSSLint: CSSLint your documents.
• JSHint: Performs a JSHint report.
• W3CValidator: Run the W3C Validator on your HTML.
• (See also App Cache Buddy above).