Før du påbegynder udvikling med Angular, skal du opsætte dit arbejdsmiljø. Dette kræver tre essentielle værktøjer: Node.js, Angular CLI og VS Code.

Installation af Node.js

1. Gå til den officielle Node.js website;

2. Brug LTS (Long-Term Support) versionen af Node.js i stedet for den nyeste udgivelse, da Angular muligvis endnu ikke er fuldt kompatibel med den nyeste version.

3. Vælg dit operativsystem—her vælges macOS, men vælg det, der passer til din opsætning. Lad de øvrige indstillinger være uændrede;

4. Download installationsprogrammet og følg vejledningen på skærmen for at fuldføre installationen.

Når installationen er fuldført, åbnes terminalen (eller kommandoprompten) og det kontrolleres, at Node.js er installeret:

Hvis alt er konfigureret korrekt, vil denne kommando vise den installerede Node.js-version.

Kontroller derefter, at npm (Node Package Manager) er installeret:

Kørsel af npm -v viser den installerede version af npm — et tegn på, at det er korrekt installeret og klar til brug.

Installation af Angular CLI

For at installere Angular CLI skal du først åbne din terminal (eller kommandoprompt). Kør derefter følgende kommando for at installere Angular CLI globalt:

Denne kommando installerer Angular CLI globalt på dit system, hvilket gør det tilgængeligt for ethvert Angular-projekt.

Når installationen er fuldført, kontroller versionen af Angular CLI ved at køre:

Dette vil vise versionsoplysningerne for Angular CLI og andre installerede afhængigheder.

Installation af VS Code

1. Gå til den officielle VS Code website;

2. Vælg versionen til dit operativsystem (Windows, macOS eller Linux);

3. Download installationsfilen og følg vejledningen på skærmen for at fuldføre installationen.

Når installationen er fuldført, åbnes VS Code og de nødvendige udvidelser konfigureres:

1. Gå til Udvidelsesafsnittet (Ctrl + Shift + X på Windows eller Cmd + Shift + X på macOS);

2. Installer Angular Language Service-udvidelsen for kodefremhævning og autoudfyldelse;

3. Det er også muligt at installere Angular Essentials for at tilføje syntaksunderstøttelse, autoudfyldelse og andre værktøjer til nemmere Angular-udvikling i VS Code.