-
Notifications
You must be signed in to change notification settings - Fork 0
Brackets Extensions
You can install extensions by choosing File > Extension Manager... (or clicking on the "brick" icon in the toolbar), then clicking the Install from URL... button at the bottom. From there, you can install most of the extensions below by doing the following:
- On this page, right-click the extension link and copy the URL.
- Switch back to Brackets.
- Paste the link into the Install Extension dialog, then click Install.
(Some extensions might not work by just copying and pasting the GitHub repo URL if they have submodules. Authors who post such extensions are encouraged to link directly to a ZIP file with all the submodules included.)
Removing an extension or updating it to a new version is still a little more manual. Select Help > Show Extensions Folder and delete the extension folder in question. Restart Brackets to fully remove the extension. Then you can install a newer copy using the steps above.
Here's a list of extensions that people have built.
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), and post to the brackets-dev Google Group to let the community know about it.
Also be sure to use the Brackets Shortcuts page to see which shortcuts are available and also to add the shortcuts that you have used. Thanks!
Editing & Navigation
- Select Parent: Quick way to select the block enclosing the selection
- Web Fonts: Simple interface for adding/deleting/swapping Google Web Fonts in a CSS file
- Kill Ring: Adds an Emacs-style kill ring to the editor
- Bookmarks: Navigate within a document using bookmarks.
- [Spell Checker] (https://github.com/couzteau/SpellCheck): Integrates the spell checker web service After The Deadline - now in beta - Supports English, German, French, Spanish and Portuguese. Note: Now compatible with brackets build >== build 0.18.x /Sprint 18
- [Quick Search] (https://github.com/enturn/brackets-quick-search): Automatically highlights occurrences of the selected word (like Notepad++ smart highlighting)
- [Ctrl-Left/Ctrl-Right] (https://github.com/MiguelCastillo/Brackets-LineNavigator): Helps you navigate through your code using your standard Ctrl-Left/Ctrl-Right/Ctrl-Up/Ctrl-Down keys.
- [Indent Guides] (https://github.com/lkcampbell/brackets-indent-guides): An extension for Brackets to show indent guides in the code editor.
- Go to Last Edit: Jump to the location of your last edit in the current file with a quick keyboard shortcut (Ctrl+*)
- Quick Navigate: Navigate back to previous cursor and edit locations quickly with toolbar buttons.
- Sidebar Plus: Show / Hide sidebar using mouse over.
- Edit History: Yet another extension for navigating forward and backward among edit positions.
- [Ruler] (https://github.com/lkcampbell/brackets-ruler): A column ruler for Brackets
- Delete to Start/End of line: Shortcuts to delete from the current cursor position to the start or end of the line (common shortcuts Cmd+Backspace and Cmd+Delete on Mac)
Snippets & Shorthand
- Emmet/Zen Coding: Adds Emmet (Zen Coding) support to Brackets.
- Snippets: Assign trigger keys to insert snippets. Configurable with JSON
- Prefixr: Generate browser specific CSS prefixes using the prefixr service.
- Quick Markup: Fast HTML markup generation as you type.
- HTML Templates: Pastes in barebones HTML code for different doctypes.
- Auto-match pairs: Auto-complete parenthesis, brackets, braces, double and single quotes.
-
Disable AutoClosing Tags: Disables auto-insertion of closing HTML tag when typing the opening tag, but preserves auto-completion of the closing tag when
</
is typed. - [Brace Helper] (https://github.com/Zolmeister/brackets-helper): Insert closing
}
on Enter - [Lorem Ipsum] (https://github.com/lkcampbell/brackets-lorem-ipsum): Generates Lorem Ipsum text and inserts it into any Brackets document.
- [Surround] (https://github.com/pedelman/brackets-surround): Wraps selected text with HTML, comments, brackets, quotes, etc.
- [Special HTML Characters] (https://github.com/thaneuk/brackets-special-html-chars): Addition to the context menu to insert from a special HTML character list.
- Quick Require Import: Quickly generate RequireJS/CommonJS import statements - just press Ctrl+I and type a module name.
Formatting
- String Convert: Provides shortcuts for modifying and encoding strings within the editor.
- Show Whitespace: Visualizes spaces and tabs
- TabToSpace: Converts indentation to tabs or spaces
- Auto Formatter: Auto formatter for XML/HTML, CSS, JavaScript files.
- Auto Indent: Indent automatically for whole file.
- Reasonable Comments: More reasonable behavior when pressing Enter inside a JS block comment - the "*" with proper indentation is inserted for you.
- Beautify: Beautify HTML, CSS, and Javascript (uses js-beautify)
- Minifier: Minifies JavaScript and CSS files using Google Closure Compiler (JS) and YUI (CSS). Working but under development.
- Remove Trailing Spaces: Removes unnecessary whitespace when saving files.
- Whitespace Normalizer: Trims trailing whitespaces, transforms tabs to spaces and adds newline at the last line when saving files.
Code Generation
- App Cache Buddy: Generate and validate application cache manifests.
- Annotate: Generates JSDoc annotations for your functions.
Language Support
- PHP: Adds PHP function definition support to QuickOpen search
- TypeScript Code Intel: Adds TypeScript support in Brackets (Auto-completion, Quick Edit and more soon).
- Tern hints: Use tern capabilities in Brackets.
General Functionality
- Tabs: Show tabs in place of title when sidebar is hidden
- Extension Manager: Install, Remove, and upgrade your extensions from the cloud from inside Brackets (requires node).
- Extension Toolkit: An extension to make building Brackets extensions easier.
- Related Files: Discovers and allows you to open related files in your project.
- File Navigation Shortcuts: Shortcuts for switching to next/previous editor (non-MRU order), and a version of Quick Open scoped to only open files.
- Brackets Commands Guide: Search and execute commands by typing part of their name, similar to Quicksilver (or Sublime's Ctrl+Shift+P or Eclipse's Ctrl+3).
-
Open Containing Folder: Opens folder containing current file or a file/folder in Sidebar. Added keyboard shortcut
CTRL+ALT+O
for opening folder containing document opened in editor. - [Themes] (https://github.com/MiguelCastillo/Brackets-Themes): CodeMirror themes for brackets from the main menu.
- [Code folding] (https://github.com/thehogfather/brackets-code-folding): Enables code folding in brackets.
- [Debug] (https://github.com/aghiura/brackets-console): See console.log & console.error messages directly in Brackets
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
- Evaluate Clojure Expressions: Select any expression and evaluate it in wrepl
Visual Editing
- Edge Web Fonts: Browse free fonts from the Edge Web Fonts collection, with thumbnails. Activated via CSS code hints for font-family.
- CSS Exclusion Shape Viewer: Quick Edit on an exclusion shape definition in CSS displays the shape.
- SVG Preview: Live preview SVG files in an inline panel while you edit them.
- Markdown Preview: Live preview of Markdown files, updated as the document is edited.
External Tools & Online Content
- [BracketLESS] (https://github.com/olsgreen/BracketLESS): Compiles LESS files to CSS on save
- GitHub: Implements the GitHub API, including oAuth. Currently functionality limited to Gists.
- GitHubAccess: Implements the Full GitHub API, but is just in an early prototype state
- ToGist: Create an anonymous gist from the current selection.
-
Open File from URL: Opens any
href
andrel
atribute urls in editor onALT+0
shortcut. Currently works only with existing files. - PageSuck: Prompts for a URL and pulls that page's HTML directly into the editor as a new file
- PhoneGap Extension for Brackets: Manage PhoneGap Build projects from Brackets.
- Ant for Brackets: Launch any target in your ant files. (Uses Node. Requires Brackets Sprint 21 or greater)
- ImageToData: Converts any image, local or on the web into data URI with its URL.
- (See also Prefixr above).
- (See also Minifier above).
Documentation
- CanIUse: An inline viewer of CanIUse.com support data.
- Display Shortcuts: Display Shortcuts defined to Brackets.
- MDNLookup: Includes a way of creating an extensions toolbar and adding buttons to the toolbar with callbacks.
Linting & Warnings
- Continuous Compilation: Displays JSLint error messages inline, highlighting infringing code and checking the code while you type.
- CSSLint: CSSLint your documents.
- JSHint: Performs a JSHint report.
- W3CValidator: Run the W3C Validator on your HTML.
- Interactive JSHint: Get JSHint feedback on your source as you work on it.
- PHPCS: PHP_CodeSniffer for brackets. Lints your PHP through a web service.
- (See also App Cache Buddy above).
Testing & Code Metrics
- complexityReport.js: A Brackets extension that enables phil booth's complexityReport.js tool. Displays complexity statistics on a per-function and aggregate basis.
- Jasmine: Runs the Jasmine-node unit test tool against the current file.
- TestQuickly: Simple extension to run unit tests with a keystroke (handy for Brackets core and extension developers)
- xUnit: Extension to run current buffer as a javascript unit test with right click (supports jasmine, yui3, qUnit, more coming soon...)
- MaDGe: An extension that enables node-madge functionality. Search for module dependencies, circular dependencies and more.
Fun & Games
- Cowsay: An extension for Brackets to generate a cow saying very profound and silly things.
- Fortune: An extension for Brackets to insert a random fortune into the editor.
- Snake: Because sometimes you need to eat your code.
Deprecated Extensions
- Hover Preview: Displays a preview when hovering over a color value, gradient, or image filename. (Merged into Brackets as of Sprint 24).
- JavaScript Code Hints: Code hinting (aka autocompletion) for JavaScript files in Brackets. (Merged into Brackets as of Sprint 21).
- Color Editor: Quick Edit on a hex/rgb/hsl color opens an inline color picker, plus a listing of all colors used in the file. (Merged into Brackets as of Sprint 17).
- Color Picker: Quick Edit on a hex color opens an inline color picker. (A color picker is built into Brackets as of Sprint 17).
- Editor Shortcuts: Keyboard shortcut to delete line. (This command is built into Brackets as of Sprint 15).