Set up Visual Studio Code Editor
Set up Visual Studio Code Editor
- Installed Prettier.
- Installed One Monokai Theme color editor.
Made and ran html in both Firefox and Brave browsers.
- Go to Explorer, or to the double page icon on left side of Visual Studio Code.
- Then click blue “Open Folder”, which opens up your computer’s file directory.
- Click where you want to save your new html files, and open it up.
- Click the file icon button with a “+” sign on the upper right side under the OK button.
- Type your “Folder Name” in the space provided and click the “Create” button.
- Press “Okay”.
- Now in Visual Studio Code, hover over the newly created name and click on the “New File” or the paper looking icon.
- Type “index.html” or whatever you need and press enter.
- Start coding and saving!
- To test your code, go to your index.html file in your computer and double click it to active or run it. In my case, Firefox browser pops up and shows how my code looks,
- or you can install the “Live Server” add on in VS Code and click on “go live” or “port 5500” at the bottom of the code editor!
