Brackets Text Editor 1.14.1

January 31, 2020 - Adobe Systems Inc (Freeware)
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)

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.

Brackets Text Editor is a source code editor created by Adobe Systems. Brackets is free, open-source and cross-platform software mainly designed for web developers who work with projects in CSS, HTML, and JavaScript,  available for macOS, Windows. It has a very pleasant interface with simple lines that make the entire workspace enjoyable.

Brackets Text Editor For PC

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.

Main Brackets

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.

brackets text editor

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.

Developer tools

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.

Brackets HTML

Inline Editors

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.

Live Preview

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.

Preprocessor Support

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

Pros Cons
Built-in browser live-updating: It will automatically refresh the browser and load the latest saved version of a file open in the browser. This works with PHP as well. Editing a CSS will even highlight the tag that’s currently being worked on. However, it only works with Chrome.
Still missing some elementary text editor commands:

Some gaps have to be filled by plugins, while these features should be built-in.
For example:

  • Jump to matching brace (bracket/parenthesis)
  • Gutter selection of lines
  • Recall previous searches/replacements
  • Autofill of search field with text under caret (text has to be selected)
  • Show whitespace / end of lines / indentation guides / right margin
  • Selection to upper / lower case
    and some more.
Built-in extension manager: The functionality of Brackets can be extended via a simple-to-use extension manager. The extension manager also has a considerable number of extensions and themes.
Problematic updater: Though the website says there is an update available, the updater in Brackets may give you an error, resulting in you having to download updates manually.
Can style a tag without switching over to the stylesheet: A feature called “Quick Edit” allows the user to select a tag in (a HTML file, for example) and edit the associated style without switching over to the CSS document. It also supports SASS and fewer pre-processors.
Supports only web languages by default <but>: Brackets is built for web development and that’s where it excels at out of the box. Other languages that have a CodeMirror mode can be added as well.

<and language support plugins can be added>

Multi-line (multi-query) editing: You can have your cursor independently on multiple lines and so creating templates and/or editing multiple things at once is really fast and easy.

Brackets Technical Specification

Title Brackets 1.14.1 for Windows
File size 80.27 MB
Operating System Windows XP, Windows 7, Windows 8, Windows 10
Languages English, Italian, French, Spanish, Polish, Chinese, German, Japanese
License Open Source
Date added Monday, April 15th, 2019
Author 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.

Add a Comment

Your email address will not be published. Required fields are marked *