Overview

Visual Studio Code (vscode and pronounced “V-S-Code”) is an source-code editor and NOT an IDE (integrated development environment). However, 9/10 people you ask will be using this editor. It is free and has a lot of helpful features!

Installation

Download vscode here

Visual Studio Code - Code Editing. Redefined

Helpful extensions

Vscode has tons of extensions (list here).

Here is a list of recommended extensions to download:

• Prettier - a code formatter (HIGHLY recommended)

Prettier - Code formatter - Visual Studio Marketplace

• ESLint - a linter (syntax & styles checker)

ESLint - Visual Studio Marketplace

• Icon theme pack - makes your folders look cooler 😎

Material Icon Theme - Visual Studio Marketplace

There are also editor themes (some are paid) that are in the marketplace. Go find your favorite!

Small QOL configurations

Here are some QOL (quality of life) configs that will benefit you tremendously!

• Format on save

  • Go to File → Preferences → Settings and search “format on save” and click on the checkbox

  

• Format on paste

  • Go to File → Preferences → Settings and search “format on paste” and click on the checkbox