Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

7 Answers

Tiffany McAllister
Tiffany McAllister
25,806 Points

The extensions I personally use are:

Adobe Edge Web Fonts, Autoprefixer, Brackets Snippets, Indent Guides, Lorem Ipsum, Special HTML characters, Themes for Brackets

Marcus H
Marcus H
4,267 Points

Emmet is a must have for fast coding in HTML.

I wish there was one that autocompletes/suggests #ids and .classes in CSS that have already been created in the respective HTML code.

Jon Edwards
Jon Edwards
7,913 Points
  1. Emmet to complete text quickly
  2. Code Overview: gives a code map as in sublime text, must have!
  3. Code folding: can hide/show sections of your code as in a file tree: good, but seems to cause a zoom bug with the overview plugin. (can't zoom preview anymore)

edit: found another great one: Match Highlighter -- highlights all the same words/tags when you click on a word.

Kleo Petroff
Kleo Petroff
5,726 Points

Hi Alon, as you already may know, Brackets released version 1.0. I'm using it for the last couple of days and I'm loving it. The extensions I currently have are:

  • Autoprefixer - parses CSS documents and add vendor prefixes automatically
  • Brackets Color Picker - color Picker
  • Brackets Git - Git integration for Brackets with wide commands support
  • Brackets Icons - adds file icons (from the Ionicons project) to the brackets file tree.
  • Code Folding - performs code folding based on brace ({}, []) matching and multiline comments for javascript, json, css, php and less files. Also has some support for html and xml files based on tag matching.
  • CSSLint - enable CSSLint support
  • Documents Toolbar - adds new toolbar with a list of all open documents
  • Emmet - the almighty Emmet!
  • Extensions Rating - extension to display other extensions statistics based on downloads and GitHub stats
  • Extract for Brackets (Preview) - This is a must if you are using Phoshop. This extension let you extract css, images, gradients and more from your psd layers.
  • Indent Guides - show indent guides in the code editor
  • Interactive Linter - brings realtime JSHint/JSLint/CoffeeLint reports into brackets as you work on your code
  • Projects - projects management extension
  • SASSHints - autocompletion for SASS/SCSS variables
  • Todo - extension that displays all TODO comments in current document or project
  • White Space Sanitizer - help you keep your sanity by keeping your white spaces and tabs consistent

I will try to update the list if some new useful extension come along.

Dani Ivanov
Dani Ivanov
10,732 Points

Old post but It kind of relates to what I am looking for. Javascript newb here so If this sound silly - appologies :) I am looking for an Brackets extension that can output the Javascript code within Brackets (like developer tools in Chrome, but then in Brackets) Anybody know of an extension like that?

Kleo Petroff
Kleo Petroff
5,726 Points

Hi Dani, take a look at Brackets Console. This extension displays console.log & console.error in brackets, just like in DevTools. Also, Brackets has an awesome Javascript debugger - Theseus, it's really easy to use yet powerful tool. You can read more about it here.

Anika Jaffara
Anika Jaffara
20,364 Points

Anybody know why when you follow the directions for "split screen" (Open a file while this pane has focus) it just opens it in the original pane?