Visual Studio Code

From Publication Station
Revision as of 10:06, 5 September 2022 by VKranendonk (talk | contribs) (Start Server)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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 and install

Download Visual Studio Code from https://code.visualstudio.com and install the software.

Live Server extension

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".

File explorer

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.

First HTML file

Press the "new file" icon.

Type "index.html" and press enter.

Type "!" exclamation mark and press "tab"

Write "hello" in the <body> element

Start Server

Press "Go Live" in the right bottom corner. This should open your website 🥳.