Difference between revisions of "Visual Studio Code"
VKranendonk (talk | contribs) |
VKranendonk (talk | contribs) |
||
| Line 21: | Line 21: | ||
[[File:Visual Studio Code Explorer Icon.png]] | [[File:Visual Studio Code Explorer Icon.png]] | ||
Press the "Open | Press the "Open Folder" button. | ||
[[File:Visual Studio Code Open Folder.png]] | [[File:Visual Studio Code Open Folder.png]] | ||
Always create a new empty folder to start with. | |||
[[File:Visual Studio Code Create Folder.png]] | |||
Press the "new file" icon. | |||
[[File:Visual Studio Code New File Icon.png]] | |||
Type "index.html" and press enter. | |||
[[File:Visual Studio Code Index html.png]] | |||
Type "!" exclamation mark and press "tab" | |||
[[File:Visual Studio Code Exclamation Mark.png]] | |||
Write "hello" in the <body> element | |||
[[File:Visual Studio Code Write In Body.png]] | |||
Press "Go Live". This should open your website 🥳. | |||
[[File:Visual Studio Code Go Live.png]] | |||
Revision as of 09:47, 5 September 2022
Visual Studio Code is a code editor created by Microsoft and freely available.
The following will be instructions on installing Visual Studio Code and additional extensions.
Download Visual Studio Code from https://code.visualstudio.com and install the software.
After opening Visual Studio Code, click on the Extensions icon. Left side of the window.
Search for the extension Live Server.
Click on Live Server and press "install".
Click on the Explorer icon to go back to the file explorer.
Press the "Open Folder" button.
Always create a new empty folder to start with.
Press the "new file" icon.
Type "index.html" and press enter.
Type "!" exclamation mark and press "tab"
Write "hello" in the <body> element
Press "Go Live". This should open your website 🥳.
