I came across this code editor, Brackets, today morning as I was browsing AngularUI home page and saw the mention under IDE plugins. Brackets is an open-source code editor for the web built using web technologies, primarily Javascript. After spending sometime with it, I found it to be very interesting one. You may want to give it a try. One caution is that there are still some bugs out there.
- Code completion
- Inline editor
- Live Preview
- Language Support
Code Completion
One cool feature with Bracket is code completion feature. I have not tested with different languages such as Java, PHP etc that are supported. However, it works like a charm with HTML, CSS and Javascript. Just
Inline Editor
One of the productivity killer while doing CSS/Javascript development is the need to go back-and-forth to the CSS and JS files from HTML pages. How cool it would have been if I could click on the HTML element in the HTML page and, somehow it would have displayed the CSS inline for me to view and edit. This would have removed the need to go to CSS files time and again, search for the CSS element and make the desired changes. This problem or pain-point is solved in a cool manner by Brackets by providing inline editor. Using inline editor, you could put your cursor on any HTML element and press CTRL+E. That shows the CSS on that element in inline editor (in the following manner) using which you could edit and save and continue with your development.
In my experience, the need to go back-and-forth to CSS/JS files was one of the biggest productivity killer. And, I, being used to the world of Eclipse IDE, always craved for something similar to how I use to programming with Eclipse IDE.
Live Preview
Another cool feature why I loved Brackets code editor is Live Preview. Make your changes to CSS and see the page changing right away. This is another cool feature as it saves you from one click of refreshing the page for CSS changes. Code editors like Sublime as well offer this features. However, the thing that makes Bracket unique is live updates on page as you develop.
Language Support
Brackets provides support for different spoken languages such that web developers from different regions could use the tool to write the web code.
Check on the video below to see the above two features discussed with examples.
- Book: First principles thinking for building winning products - April 19, 2022
- Free AI / Machine Learning Courses at Alison.com - November 16, 2021
- 12 Weeks Free course on AI: Knowledge Representation & Reasoning (IIT Madras) - November 14, 2021
I found it very helpful. However the differences are not too understandable for me