Brackets is an open-source text editor for Windows operating system. It is developed by Adobe Inc and is currently maintained on GitHub. It is specially designed for web development. We can easily write codes in HTML, CSS, and JavaScript.
Here in this article, we are going to guide you on how you can download and use Brackets web designing and development.
How to Download and Install Brackets on Windows 11
If you are a beginner in web development and you are looking for a source code editor then you can use Brackets. It supports all the backend and frontend programming languages that are used to create a website.
Here are the steps to download and install Brackets on Windows 11.
Step 1: Open any browser, search for Brackets and open the link from brackets.io
Step 2: To download the software click on the “Download” option from the menu bar. After that, it will download the installer file on your system.
Step 3: After the download has been completed open the downloaded file. Now on the installer windows select the language from the drop-down menu and click on “Next
Step 4: On the next windows, select the location where you want to install Brackets. If you wish you can keep it default and agree to the licensee terms and conditions and click on “Next“.
Step 5: Here we have two setup types, choose the best suits your need. In my case, I choose the “Custom” setup type.
Step 6: Select the components that you want to install with brackets. For simplicity, select all the components and click on “Modify“.
Step 7: After that, it will install the Brackets source code editor. The installation process will take some time, so wait until the installation is complete.
How to Setup Brackets for Web Development
Now you are ready to use Brackets for Web Development. When you open Brackets for the first time it will open Windows Security Alter just click “Allow Access“. It will not affect your windows security.
To create your file first project using Brackets follow the following steps:
Step 1: First of all, we have to create a new file. For that, click on “File > New File“.
Step 2: Now we have to save the file with the .hmtl extension, as we are going to create an HTML file. HTML defines the structure of our website.
To save the file click on “File > Save As” and select the location where you want to save your files. After that, name your file say for example index.html, and click “Save“.
Step 3: Now you can start writing your HTML code. If you want to add CSS then you can create a CSS file with the .css extension. Make sure that you save the CSS file in the same folder. For example, I had created a main.css file for my website.
Step 4: Now to preview your code, you can use the “Live Preview” option. Make sure that the Google Chrome browser is installed on your system.
That’s it, this is how you can install and setup Brackets for Web Development on Windows 11. I hope this article was helpful to you. If you liked the article then you can share it with your friends.
