If you are a programmer or a wannabe developer, you will want to find and use a robust code editor from start, which will help you write the most efficient code. In this post, I want to introduce Brackets editor.
Brackets is introduced as a lightweight, yet powerful, modern text and code editor. Brackets was developed with the purpose of offering developers the right amount of help when they want it without getting in the way of coding process.
Brackets is a tool designed to help both web designers and front-end developers to edit their texts with a good design. For those people who are in need of instructions when editing a certain articles or texts, there are different software that you can access to give you the tools that you will need. The different software also offers you their different unique tools of Brackets like Live Preview and inline editors. This unique tools offered by different software are user-friendly that will help a lot for your web designing or text designing. A bracket will help you to open a new tab that you want instead of browsing your different files on your file folders that can waste your time.
How does Brackets work?
By the use of file > open folder, you can instantly open a file that you want to edit. This folder is considered as your project. Brackets also help you to return to your last project by the use of clicking your root file that was saved to your file folder. Your file folders can be drag easily from your OS to the window of your brackets, when you already dragged your files to your bracket windows, you can easily open and access it.
Brackets Code Editor Features
Brackets comes with 4 features which make you want to use it instead of using other popular editors such as Atom or PHPStorm.
- Inline Editors: you can open a popup above the code you want to modify its related properties. There is no need for jumping among file tabs to edit related codes. For example, you can edit a HTML tag’s style right in the HTML file and the changes are applied to both files.
- Live Preview: CSS and HTML changes are instantly applied right into browser for you to see. Also you can see where your CSS selector is being applied in the browser by simply putting your cursor on it.
- Preprocessor Support: you can use Quick Edit and Live Highlight with your LESS and SCSS files with Brackets.
Brackets Editor’s Minimum Requirements
Brackets Editor is a light weight so it doesn’t consume much resources.
- Mac OSX 10.6.8
- Windows Vista, 7, or 8/8.1 (x32 and x64)
- Linux Ubuntu 12.04 (x32 and x64)
- Debian Linux 8
- 2 GB of RAM
Popular Brackets extensions
- Emmet: a web-developer’s toolkit that can greatly improve your HTML & CSS workflow
- File Icons: File icons based on file formats in Brackets’ file tree.
- Indent Guides: Show indent guides in the code editor.
- Git: Git integration for Brackets.
- Autoprefixer: parse CSS and add vendor prefixes automatically.
- W3C Validation: a simple W3C Validator.
- Open In Browser: open the contents of your current view/tab in a web browser
- JS CSS Minifier: minifies and concatenates JS and CSS in Brackets using UglifyJS3 and CleanCSS.