With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. Try Creative Cloud Extract (preview) for Brackets for an easy way to get clean, minimal CSS straight from a PSD with no generated code.
Why Use Brackets Text Editor?
Brackets Text Editor is a lightweight, yet powerful, modern text editor. Blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it’s like getting presents all year long.
Hassle-free installer and attractive GUI
Setting up the program takes little time and effort. The main window is split into two main areas, namely the code editor and sidebar with working files to easily switch through.
Brackets Text Editor Features
Syntax highlighting and autocomplete
Syntax highlighting is supported for the aforementioned languages, along with intelligent code completion to speed up the coder’s job by reducing mistakes. Plus, the app can be asked to automatically close all braces. The lines are numbered, and the status bar shows the cursor’s current line and column.
Standard editing tools
It is possible to use a search-and-replace function with filters, indent, unindent or duplicate lines, as well as to toggle line and block comments. As far as viewing options are concerned, the font size may be increased, decreased and restored to its original value. Brackets are also able to highlight the active line, and it lets users quickly jump to code definitions.
Get Code Hints from a PSD
The Extract for Brackets (Preview) extension lets you pull out design information from a PSD including colors, fonts, gradients, and measurement information as clean, minimal CSS via contextual code hints. You can also extract layers as images, use information from the PSD to define preprocessor variables, and easily get dimensions between objects. All in the context of your code.
Several debugging tools are included in the package. Users may reload Brackets with extensions, open new instances, change the UI language, run tests, view performance data, enable a node debugger and log its state to the console, and so on. Projects can be saved as web or text files.
Instead of jumping between file tabs, Brackets Text Editor lets you open a window into the code you care about most. Want to work on the CSS that applies to a specific ID? Put your mouse cursor on that ID, push Command / Ctrl+E and Brackets will show you all the CSS selectors with that ID in an inline window so you can work on your code side-by-side without any popups.
Get a real-time connection to your browser. Make changes to CSS and HTML editor and you’ll instantly see those changes on screen. Also, see where your CSS selector is being applied in the browser by simply putting your cursor on it. It’s the power of a code editor with the convenience of in-browser dev tools.
Brackets code editor for preprocessors out there. With Brackets you can use Quick Edit and Live Highlight with your LESS and SCSS files which will make working with them easier than ever.
Pros and Cons
Brackets Technical Specification
||Brackets 1.14.1 for Windows
||Windows XP, Windows 7, Windows 8, Windows 10
||English, Italian, French, Spanish, Polish, Chinese, German, Japanese
||Monday, April 15th, 2019
||Adobe Systems Inc
The app does not put a strain on PC performance, as it runs on low CPU and RAM. Unfortunately, a few features were inaccessible during our evaluation. For instance, the tool failed in its attempt to load the Live Development page.
Brackets Text Editor is a very easy-to-use code editor that reserves advanced settings for experienced programmers, backed by a comfortable and neatly organized interface.