This is a very early version of Brackets, a code editor for HTML, CSS and JavaScript that's built in HTML, CSS and JavaScript.
What makes Brackets different from other web code editors?
- Tools shouldn't get in your way. Instead of cluttering up your coding environment with lots of panels and icons, the Quick Edit UI in Brackets puts context-specific code and tools inline.
- Brackets is in sync with your browser. With Live Development, Brackets works directly with your browser to push code edits instantly, set breakpoints, and jump back and forth between your real source code and the browser view.
- Do it yourself. Because Brackets is open source, and built with HTML, CSS and JavaScript, you can help build the best code editor for the web.
You can see some screenshots of Brackets on the wiki.
Brackets is very early in development, so many of the features you would expect in a code editor are missing, and some existing features might be incomplete or not as useful as you'd want. But if you like the direction it's going, please contribute!
The text editor inside Brackets is based on CodeMirror—thanks to Marijn for taking our pull requests :) See Notes on CodeMirror for info on upcoming things we're planning to contribute to CodeMirror.
Brackets isn't ready for general use yet. It's still very early in development, is missing a lot of basic editor features, and probably has bugs. That said, we've actually been using Brackets to develop Brackets for awhile now, so what's there is reasonably stable.
Although Brackets is built in HTML/CSS/JS, it currently runs as a desktop application in a thin native shell, so that it can access your local files. (If you just try to open the index.html file in a browser, it won't work yet.) The native shell for Brackets lives in a separate repo, adobe/brackets-shell.
The Brackets native shell currently runs on Mac and Windows. Since it's based on CEF/Chromium, it could be ported to Linux relatively easily, but that work hasn't been done yet. Stay tuned.
You can download "stable" builds of Brackets from the Download Packages section of the downloads page--make sure you download one of the .dmg/.msi installers in that section (the "Download as zip/tar.gz" buttons at the top will not work). If you want to pull the repo directly via git, see How to Hack on Brackets for instructions on how to get everything.
By default, Brackets opens a folder containing some simple "Getting Started" content. You can choose a different folder to edit from File > Open Folder. (Might we suggest editing the Brackets source code and submitting some pull requests?)
Most of Brackets should be pretty self-explanatory, but for information on how to use its unique features, like Quick Edit and Live Development, please read How to Use Brackets. The extensions wiki page has a list of extensions that have been contributed. Also, see the release notes for a list of new features and known issues in each build.
Issues starting Brackets the first time? Please review [Troubleshooting] (https://github.com/adobe/brackets/wiki/Troubleshooting).
Brackets bugs are tracked in the Brackets github issue tracker. When filing a new bug, please remember to include:
- Brackets version/sprint number (or commit SHA if you're pulling directly from the repo)
- platform/OS version
- repro steps, actual and expected results
- link to test files (you can create a gist on gist.github.com if that's convenient)
More details on how to file an issue can be found here.
For feature requests, go ahead and file them in the issue tracker; they'll be converted
to user stories on the public Brackets backlog*.
* Please excuse the mess in the "Icebox (To Be Reviewed)" list. We're still importing data from our internal system.
Awesome! Please read How to Hack on Brackets.
Not sure you needed the exclamation point there, but I like your enthusiasm.
- Twitter: @brackets
- IRC: #brackets on freenode
- Developers mailing list: http://groups.google.com/group/brackets-dev