Web: Essentials

Appearance

Tools: code editor ​

Visual Studio Code ​

Visual Studio Code (VS Code) is een gratis, krachtige code-editor die populair is bij ontwikkelaars. Hieronder vind je een korte handleiding voor het installeren op zowel macOS als Windows.

Installatie op macOS ​

Download VS Code: ​

Installeren: ​

  • Open het gedownloade .dmg bestand
  • Sleep het VS Code-icoon naar de Applications-map
  • Start VS Code vanuit je Applications-map of Launchpad

Installatie op Windows ​

Download VS Code: ​

Installeren: ​

  • Open het gedownloade .exe bestand
  • Volg de installatie-instructies (standaardinstellingen zijn prima)
  • Zorg dat de opties "Add to PATH" en "Create desktop icon" aangevinkt zijn

Opstarten: ​

Start VS Code via het startmenu of het bureaubladpictogram

Interface verkennen: ​

Links: Explorer voor bestanden en mappen Onderkant: Terminal (open met Ctrl+` of via menu: Terminal > New Terminal) Centrum: Editor voor bestanden

Extensies installeren: ​

  • Klik op het Extensions-icoon in de zijbalk (of gebruik Ctrl+Shift+X)
  • Zoek en installeer extensies voor jouw programmeertalen (bijv. HTML, CSS, JavaScript)

Een project openen: ​

  • Klik op "Open Folder" (of File > Open Folder)
  • Selecteer een map om als project te openen

Settings ​

Open de settings (tandwiel iccontje links onder):

  • Zorg ervoor dat autosave op "onFocusChange" staat.
  • org ervoor dat compact folders niet aangevinkt staat.

Plugins ​

Een aantal plugins die code schrijven makkelijker maken: