Innan du påbörjar utveckling med Angular behöver du ställa in din arbetsmiljö. Detta kräver tre nödvändiga verktyg: Node.js, Angular CLI och VS Code.

Installera Node.js

1. Gå till den officiella Node.js webbplatsen;

2. Använd LTS (Long-Term Support)-versionen av Node.js istället för den senaste utgåvan, eftersom Angular kanske ännu inte är helt kompatibel med den nyaste versionen.

3. Välj ditt operativsystem—jag väljer macOS, men välj det som motsvarar din miljö. Lämna övriga inställningar som de är;

4. Ladda ner installationsprogrammet och följ instruktionerna på skärmen för att slutföra installationen.

När installationen är klar, öppna terminalen (eller kommandotolken) och verifiera att Node.js är installerat:

Om allt är korrekt konfigurerat, kommer detta kommando att visa den installerade Node.js-versionen.

Kontrollera därefter att npm (Node Package Manager) är installerat:

Att köra npm -v visar den installerade versionen av npm — ett tecken på att det har installerats korrekt och är redo att användas.

Installera Angular CLI

För att installera Angular CLI, öppna först din terminal (eller kommandoprompt). Kör sedan följande kommando för att installera Angular CLI globalt:

Detta kommando installerar Angular CLI globalt på ditt system, vilket gör det tillgängligt för alla Angular-projekt.

När installationen är klar, kontrollera versionen av Angular CLI genom att köra:

Detta kommer att visa versionsinformationen för Angular CLI och andra installerade beroenden.

Installera VS Code

1. Gå till den officiella VS Code webbplats;

2. Välj version för ditt operativsystem (Windows, macOS eller Linux);

3. Ladda ner installationsprogrammet och följ instruktionerna på skärmen för att slutföra installationen.

När installationen är klar, öppna VS Code och konfigurera de nödvändiga tilläggen:

1. Gå till Tilläggssektionen (Ctrl + Shift + X på Windows eller Cmd + Shift + X på macOS);

2. Installera tillägget Angular Language Service för kodmarkering och autokomplettering;

3. Du kan även installera Angular Essentials för att lägga till syntaxstöd, autokomplettering och andra verktyg för enklare Angular-utveckling i VS Code.