thecoderworld
  • Programming
  • Security
  • Tech
  • Open Source
  • How To
  • Lists
  • Windows 11
  • Chromebook
  • Linux
No Result
View All Result
thecoderworld
  • Programming
  • Security
  • Tech
  • Open Source
  • How To
  • Lists
  • Windows 11
  • Chromebook
  • Linux
No Result
View All Result
thecoderworld
No Result
View All Result

Home > How To > How to Install and Setup Brackets for Web Development on Windows 11

How to Install and Setup Brackets for Web Development on Windows 11

Ajoy Kumar by Ajoy Kumar
April 11, 2022
in How To, Windows 11
Reading Time: 5 mins read
0
How to Install and Setup Brackets for Web Development on Windows 11
Share on FacebookShare on Twitter

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.

RelatedPosts

How to Install Emacs Text Editor on Windows 11

How to Install Emacs Text Editor on Windows 11

May 5, 2022
How to Download and Install Atom Editor on Windows 11

How to Download and Install Atom Editor on Windows 11

April 11, 2022

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.

Previous Post

Top 5 Software Development Trends in 2022

Next Post

10 Best Google Chrome Extensions You Must Have

Ajoy Kumar

Ajoy Kumar

I am an entrepreneur by heart and founder of thecoderworld. Who always follows his passion. I love writing about software, coding, open-source, technology, smartphones, tips, and tricks.

Recommended Posts

How to Install Emacs Text Editor on Windows 11
How To

How to Install Emacs Text Editor on Windows 11

May 5, 2022
How to Download and Install Atom Editor on Windows 11
How To

How to Download and Install Atom Editor on Windows 11

April 11, 2022
How to Install Sublime Text 4 on Windows 11
How To

How to Install Sublime Text 4 on Windows 11

May 5, 2022
How to Install Notepad++ on Windows 11
How To

How to Install Notepad++ on Windows 11

May 5, 2022
Source Code Editors
Programming

Top 5 Source Code Editors in 2022

April 28, 2022

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Stay Connected

  • 1.3k Fans
  • 702 Followers
  • 55 Followers
  • 24.1k Subscribers

Recent Posts

Best Screen Recorders for Ubuntu
Linux

5 Best Screen Recorders for Ubuntu

May 20, 2022
Linux

Top 5 Video Editing Software for Linux in 2021

May 20, 2022
thecoderworld

© 2018 - 2022 thecoderworld

Navigate Site

  • About Us
  • Contact Us
  • Privacy Policy
  • Disclaimer
  • Advertise
  • Career

Follow Us

No Result
View All Result
  • Programming
  • Security
  • Tech
  • Open Source
  • How To
  • Lists
  • Windows 11
  • Chromebook
  • Linux

© 2018 - 2022 thecoderworld