Angular Academy · leksjon

Generere et nytt prosjekt

Opprett en app med ng new og utforsk alternativene.

Leksjon 1 av 413 trinn

Generere et nytt prosjekt er en gratis leksjon i Angular Academy på CoddyKit. Dette er leksjon 1 av 4. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Angular Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Angular Academy inneholder totalt 4 leksjoner.

Angular CLI

Angular CLI er det offisielle kommandolinjeverktøyet for å opprette, bygge, kjøre og teste Angular-apper. Kommandoene begynner med ng.

Installere CLI

Installer verktøyet globalt med npm, slik at ng-kommandoen er tilgjengelig overalt.

npm install -g @angular/cli

Opprette et prosjekt med ng new

Kommandoen ng new oppretter et helt nytt Angular-arbeidsområde og en applikasjon.

ng new my-app

Hva ng new gjør

Den oppretter en mappe, installerer avhengigheter, konfigurerer TypeScript, en byggekonfigurasjon og en testrunner, oppretter en frittstående startapp og initialiserer et git-repositorium.

Interaktive spørsmål

Som standard stiller ng new noen spørsmål, for eksempel om du vil legge til Angular-ruting, og hvilket stilarkformat du vil bruke (CSS, SCSS, Sass eller Less).

Legge til ruting

Du kan svare på spørsmålet om ruting eller angi et flagg for å bestemme dette på forhånd.

ng new my-app --routing

Velge stilformat

Velg stilarkspråket ditt med style-flagget.

ng new my-app --style=scss

Hoppe over installasjon eller Git

Nyttige flagg inkluderer å hoppe over installasjon av avhengigheter eller initialisering av Git, noe som er praktisk i CI eller skriptbaserte oppsett.

ng new my-app --skip-install --skip-git

Selvstendig som standard

Nyere CLI-versjoner oppretter som standard en selvstendig applikasjon, der main.ts bruker bootstrapApplication, og en app.config.ts for providers.

Gå inn i prosjektet

Etter opprettelsen går De inn i den nye mappen for å kjøre flere kommandoer.

cd my-app

Få hjelp

Alle kommandoer støtter et help-flagg som viser alternativene.

ng new --help

Hurtigsjekk: ng new

Opprette et prosjekt.

Besvar den i den interaktive leksjonen

Oppsummering: Nytt prosjekt

Angular CLI (ng) oppretter apper med ng new my-app, og kan eventuelt konfigurere ruting og format for stilark. Det installerer avhengigheter og oppretter et selvstendig startprosjekt. Neste steg: forstå den genererte strukturen.

Gratis å komme i gang

Lær deg HTML med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 38
Leksjoner: 144

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Generere et nytt prosjekt» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien Angular Academy, inkludert «Generere et nytt prosjekt», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i Angular Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Generere et nytt prosjekt»?

Opprett en app med ng new og utforsk alternativene. Du øver på Angular Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med Angular Academy?

Ingen tidligere erfaring er nødvendig. Angular Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 4.

Hvor lang tid tar leksjonen «Generere et nytt prosjekt»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne Angular Academy-leksjonen?

Ja. Alle Angular Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til Angular Academy