How To Install Brackets




So you want to be a developer. That's great! But before you get started, you'll need to get a text editor that will help you get the job done.

Now sure, there are a lot of text editors around right now, but not all of them have the tools you need build robust programs or websites.

Whether you're just getting started or already have some experience developing, we all want something that is easy to use and understand.

That is where Brackets comes in and by the end of this post you'll be able to use Brackets to your advantage.

What Is Brackets?

As I mentioned above, Brackets is an open source code/text editor that allows you create your own code and freely distributed it over the web.

Also, it was developed by Adobe on November 4, 2014 and over the years it has progressing along nicely thanks to the help of a community of developers who add new features to Brackets every month.

With all of these new features you will be able to develop code faster and as well as change the appearance of the editor to make it look more appealing.

Quick And Easy Installation

The first thing we're going to want to do is to go to brackets.io and from there you should download the installer on your computer.

Find the installer then run it and next it's going to tell you where want to Brackets to appear on your computer. Just accept all of the defaults there and it should appear in your Programs File folder or something similar.

You can create a shortcut if you wish to add it to your desktop by right clicking on the application and now your all set!

Navigating Through The Editor

Before you get started, you'll want to know where your files are being stored on your computer. Once you have loaded Brackets, you'll see a few “welcoming you to the program” files and you'll want to get rid of them as you move forward.

Another thing you'll want to do is move or copy your Brackets folder to another location such as OneDrive or a flash drive because there are restrictions on what you can do with it if you leave it in your program files.

Once you have moved your Brackets folder out of the Programs Files, open the folder and locate your files using this directory: Brackets/samples/root/Getting Started.

Delete the current files and create a new one by going to File tab and click new. Over to the far right, you should see a lightning bolt icon and this is called live preview.

Live Preview allows us to see what is going on while we are constructing code and it is enabled using Google Chrome.

This is why Brackets is so powerful and when setup correctly, you’ll be able to handle any task that comes your way.

Just below live preview is the extension manager and this is where you can install new plugins such as Emmet; which allows you to use shortcuts to create code quicker. Don't worry about what html and css means, I will cover them in another post.

Under file tab, if you've ever used google docs or word you'll know exactly what this tab does so this should be easy to configure. You can refer to the help tab to learn more.

Thank you for reading.
Powered by Blogger.