- live edit and preview: changes are reflected in the browser immediately without reload, currently only supporting Chrome)
- inline view and edit referenced resources: you can open the CSS definition for a tag without leaving the HTML code you are working on
- quick docs from webplatform.org: inline documentation for various elements such as tag, values, etc.
- extensible architecture: has a fast growing set of extensions already and you can use the same languages you write Web app to write extensions
So, if you are currently using TextMate, Sublime Text 2/3, Vim, you should really give Brackets a try, it is so pleasant to work with it on Web apps.
Here is a quick demo video from nettuts+ article "A Peeak At Brackets":
Follow installation guide from the project github README:
- Install Brackets
- Use Brackets Extension Manager (File->Extension Manager or the lego-like icon on the right hand toolbar) to install Theseus, Click "Install from URL", then enter the Amazon S3 zip file URL, currently https://s3.amazonaws.com/theseus-downloads/theseus-0.2.13.zip
- Install Node.js if you haven't got that yet, then use npm to install node-theseus: npm install -g node-theseus
Now, write your app.js file, then run it using node-theseus app.js, then open that file in Brackets and you should be able to see the debug info in a very nice visual way.
To see it in action, view author's screencast here.