Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Miljøoppsett | Angular-Grunnleggende
Introduksjon til Angular

bookMiljø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

  1. Gå til den offisielle Node.js nettside;

  2. 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å.

  3. Velg ditt operativsystem—her velges macOS, men velg det som passer din konfigurasjon. La de andre innstillingene stå uendret;

  4. 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

  1. Gå til den offisielle VS Code nettsted;

  2. Velg versjon for ditt operativsystem (Windows, macOS eller Linux);

  3. 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:

  1. Gå til Utvidelser (Ctrl + Shift + XWindows eller Cmd + Shift + XmacOS);

  2. Installer Angular Language Service-utvidelsen for kodeutheving og autofullføring;

  3. 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.

question mark

Hva er hovedformålet med Node.js i et Angular-prosjekt?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 4

Spør AI

expand

Spør AI

ChatGPT

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

bookMiljø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

  1. Gå til den offisielle Node.js nettside;

  2. 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å.

  3. Velg ditt operativsystem—her velges macOS, men velg det som passer din konfigurasjon. La de andre innstillingene stå uendret;

  4. 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

  1. Gå til den offisielle VS Code nettsted;

  2. Velg versjon for ditt operativsystem (Windows, macOS eller Linux);

  3. 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:

  1. Gå til Utvidelser (Ctrl + Shift + XWindows eller Cmd + Shift + XmacOS);

  2. Installer Angular Language Service-utvidelsen for kodeutheving og autofullføring;

  3. 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.

question mark

Hva er hovedformålet med Node.js i et Angular-prosjekt?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 4
some-alt