When you have finished editing, you can click on the x next to the file name. This will contain all the files that you have double-clicked on and are editing. If you double-click on the file, a new section will appear in the left-hand panel called Working Files. If you then click on the folder’s name, the drop-down menu will appear again, where you can open a new folder or go to one that you have previously loaded.įor dealing with individual files, you can click on them to show a preview. Then you can navigate to the web project’s main folder, though you don’t have one yet. In Brackets, you can then click on the Getting Started button, which will have a drop-down menu that says Open Folder…. This includes all graphics, CSS, HTML, etc. This is where all the files in your project will be displayed.įor web development, you have to put all the involved files into a single folder. On the left-hand side, you will see a panel with different files.

This is the basic Getting Started project that the software provides. Once you open Brackets, you will see something like this. The installation process is the same as for any other type of software.

There will be a Download Brackets button which you can click on to get the latest version. If you’d like to try out the editor used in this course, you can download it from this website. They apply extra formatting to the text that prevents it from working with code compilers. The only exception to this is that you cannot use word processors like Microsoft Word. Whichever one that you feel best suits you is the best one to use. Downloading and Using Bracketsįor editing code, you can use any kind of text editor. In this lesson, you will learn how to set up the Brackets code editor.

Brackets code editor free download