Visual Studio Code (VSCode)

About

VSCode is my absolute favourite Code Editor because it is easy to use and has a lot of customisation options and plugins. You can really make this editor feel like your own. The code editor is open source and is created by Microsoft. It is popular especially among web developers.

Useful shortcuts

! + Tab

After creating a html file you can type "! + Tab" in the file and it automatically writes the html template:


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        
    </body>
</html>

Useful extensions

Live Server

This extension automatically refreshes the browser when you save a file, so you can see your changes instantly without having to manually refresh.

VSCode on Windows

If you want to install and use VSCode on Windows, this video helps you install and shows you some basic usage:

Video: "Visual Studio Code Installation on Windows & Basic Usage - Tutorial for 2026" by Zarko

About

Useful shortcuts

! + Tab

Useful extensions

Live Server

VSCode on Windows