Miljøoppsett
Før du starter utvikling med Angular, må du sette opp ditt arbeidsmiljø. Dette krever tre nødvendige verktøy: Node.js, Angular CLI og VS Code.
Installere Node.js
-
Gå til den offisielle Node.js nettside;
-
Bruk LTS (Long-Term Support)-versjonen av Node.js i stedet for den nyeste utgaven, da Angular kanskje ikke er fullt kompatibel med den nyeste versjonen ennå.
-
Velg ditt operativsystem—her velges macOS, men velg det som passer din konfigurasjon. La de andre innstillingene stå uendret;
-
Last ned installasjonsprogrammet og følg instruksjonene på skjermen for å fullføre installasjonen.
Når installert, åpne terminalen (eller kommandoprompten) og verifiser at Node.js er installert:
Hvis alt er riktig satt opp, vil denne kommandoen vise installert Node.js-versjon.
Deretter kontroller at npm (Node Package Manager) er installert:
Å kjøre npm -v
vil vise den installerte versjonen av npm — et tegn på at det er korrekt installert og klart til bruk.
Installere Angular CLI
For å installere Angular CLI, åpne først terminalen (eller kommandoprompten). Kjør deretter følgende kommando for å installere Angular CLI globalt:
Denne kommandoen installerer Angular CLI globalt på systemet ditt, slik at det blir tilgjengelig for alle Angular-prosjekter.
Når installasjonen er fullført, kontroller versjonen av Angular CLI ved å kjøre:
Dette vil vise versjonsinformasjonen for Angular CLI og andre installerte avhengigheter.
Installere VS Code
-
Gå til den offisielle VS Code nettsted;
-
Velg versjon for ditt operativsystem (Windows, macOS eller Linux);
-
Last ned installasjonsfilen og følg instruksjonene på skjermen for å fullføre installasjonen.
Når installert, åpne VS Code og konfigurer de nødvendige utvidelsene:
-
Gå til Utvidelser (
Ctrl + Shift + X
på Windows ellerCmd + Shift + X
på macOS); -
Installer Angular Language Service-utvidelsen for kodeutheving og autofullføring;
-
Det er også mulig å installere Angular Essentials for å legge til syntaksstøtte, autofullføring og andre verktøy for enklere Angular-utvikling i VS Code.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 3.13
Miljøoppsett
Sveip for å vise menyen
Før du starter utvikling med Angular, må du sette opp ditt arbeidsmiljø. Dette krever tre nødvendige verktøy: Node.js, Angular CLI og VS Code.
Installere Node.js
-
Gå til den offisielle Node.js nettside;
-
Bruk LTS (Long-Term Support)-versjonen av Node.js i stedet for den nyeste utgaven, da Angular kanskje ikke er fullt kompatibel med den nyeste versjonen ennå.
-
Velg ditt operativsystem—her velges macOS, men velg det som passer din konfigurasjon. La de andre innstillingene stå uendret;
-
Last ned installasjonsprogrammet og følg instruksjonene på skjermen for å fullføre installasjonen.
Når installert, åpne terminalen (eller kommandoprompten) og verifiser at Node.js er installert:
Hvis alt er riktig satt opp, vil denne kommandoen vise installert Node.js-versjon.
Deretter kontroller at npm (Node Package Manager) er installert:
Å kjøre npm -v
vil vise den installerte versjonen av npm — et tegn på at det er korrekt installert og klart til bruk.
Installere Angular CLI
For å installere Angular CLI, åpne først terminalen (eller kommandoprompten). Kjør deretter følgende kommando for å installere Angular CLI globalt:
Denne kommandoen installerer Angular CLI globalt på systemet ditt, slik at det blir tilgjengelig for alle Angular-prosjekter.
Når installasjonen er fullført, kontroller versjonen av Angular CLI ved å kjøre:
Dette vil vise versjonsinformasjonen for Angular CLI og andre installerte avhengigheter.
Installere VS Code
-
Gå til den offisielle VS Code nettsted;
-
Velg versjon for ditt operativsystem (Windows, macOS eller Linux);
-
Last ned installasjonsfilen og følg instruksjonene på skjermen for å fullføre installasjonen.
Når installert, åpne VS Code og konfigurer de nødvendige utvidelsene:
-
Gå til Utvidelser (
Ctrl + Shift + X
på Windows ellerCmd + Shift + X
på macOS); -
Installer Angular Language Service-utvidelsen for kodeutheving og autofullføring;
-
Det er også mulig å installere Angular Essentials for å legge til syntaksstøtte, autofullføring og andre verktøy for enklere Angular-utvikling i VS Code.
Takk for tilbakemeldingene dine!