How to install Brackets in Windows 10 plus extensions

Windows Articles

How to install KVM on Debian 10?

Hello friends, in this post I will show you how to install KVM on Debian 10. KVM stands for...

How to open Windows 10 Mobility Center

Hello! There are many types of users of Windows 10. As it depends on the type of hardware used. That is, the...

Ubuntu 20.04.1 available

Canonical, the company led by Mark Shuttleworth, releases Ubuntu 20.04.1. It has a new image, with updates and security patches for the...

How to install Linux Kernel 5.8 on Ubuntu 20.04?

Upgrading the Linux Kernel can be a beneficial task, but it is always optional. Recently we talked about the Linux Kernel 5.8...

How to activate XPS Viewer in Windows 10

Hey, what's up! When working with Windows 10 we probably use a lot of files. Indeed, these files have many extensions. For...

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

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!

More articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest article

How to install KVM on Debian 10?

Hello friends, in this post I will show you how to install KVM on Debian 10. KVM stands for...

How to open Windows 10 Mobility Center

Hello! There are many types of users of Windows 10. As it depends on the type of hardware used. That is, the...

Ubuntu 20.04.1 available

Canonical, the company led by Mark Shuttleworth, releases Ubuntu 20.04.1. It has a new image, with updates and security patches for the...

How to install Linux Kernel 5.8 on Ubuntu 20.04?

Upgrading the Linux Kernel can be a beneficial task, but it is always optional. Recently we talked about the Linux Kernel 5.8...

How to activate XPS Viewer in Windows 10

Hey, what's up! When working with Windows 10 we probably use a lot of files. Indeed, these files have many extensions. For...