-2 C
Texas

How to install Brackets in Windows 10 plus extensions

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.

Please check both boxes for installation
Please check both boxes for installation

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.

Launching Brackets for the First Time
Launching Brackets for the First Time
- Advertisement -

The Windows Firewall warning window will be displayed immediately. Please allow access for optimal functioning of the editor

Please authorize access to the network through the firewall
Please authorize access to the network through the firewall

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

Installing the Custom Works 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!

- Advertisement -
Everything Linux, A.I, IT News, DataOps, Open Source and more delivered right to you.
Subscribe
"The best Linux newsletter on the web"

LEAVE A REPLY

Please enter your comment!
Please enter your name here



Latest article