Hello! Brackets is an open-source code editor designed by Adobe for web developers. Additionally, it has a very simple and modern interface capable of handling HTML, CSS, and JavaScript. Besides, it’s very complete, light, and free. Some of its features involve the use of a theme to color the letter according to the structure of the code. However, its most interesting feature is the ability to show in real-time the changes made to the code. Without the need to save the changes or refresh the browser. Well, in this post we will see how to install Brackets in Windows 10 plus extensions.
How to download and install Brackets in Windows 10.
This is a multi-platform software so the installer for Windows is available from the project website. The installation wizard is very simple, as it works like any other program for Windows. Please just check the two boxes when you start the installation. The installation wizard is very simple, as it works like any other program for Windows. Please just check the two boxes when you start the installation. In effect, these boxes correspond to adding the program to the path for command line use. And the other one is to add the use of brackets to the context menu.
After a few moments the installation is completed.
Launching Brackets for the First Time
After installing the program, simply type your name in the search bar to launch it.
The Windows Firewall warning window will be displayed immediately. Please allow access for optimal functioning of the editor
We have highlighted that the most attractive feature of this editor is that it shows a preview of the live work. With this in mind, you need to have installed Google Chrome. In addition, when the editor is launched, two sample files called index.html and main.css will be displayed. Well, once you have selected the HTML file, just click on the lightning bolt. The Chrome will then display the HTML file in a window. Additionally, any changes we make in the editor will be displayed in the browser. The process is demonstrated in the video below:
Creating a new project in Brackets.
As mentioned, Brackets can add extensions that facilitate its operation. But before you try it, please create a new project to test the extensions. With this intention, create a folder and place it wherever you want. Then from the menu File, click on Open Folder
Now it’s time to create the index.html file. With this in mind, press the right button on your mouse and click on New File.
Now repeat the process to create the styles.css file
With this pair of files, you’re ready to encode.
How to add extensions
Now it’s time to add extensions. This process is very simple and intuitive. Since it is enough to click on the plugin block. For this example, I will add the Custom Works extension that allows to organize the files in tabs. To do this, enter the name in the search engine and then press Install. Finally, wait while downloading and installing the extension
Follow me, you can see the extension showing the content in tabs.
Conclusion
At the end of the day, we have seen how to install Brackets in Windows 10 plus extensions. From now on, you can edit your projects and see the results in real-time. I hope you find this post useful before I say goodbye I invite you to see our post about IP Tools for Android. See you soon!
