Angular Academy · leksjon

Generere kode med ng generate

Generer grunnstruktur for komponenter, tjenester og mer.

Leksjon 3 av 413 trinn

Generere kode med ng generate er en gratis leksjon i Angular Academy på CoddyKit. Dette er leksjon 3 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.

Generere kode med ng generate

Kommandoen ng generate (forkortet til ng g) oppretter grunnstrukturen for Angular-byggesteiner med riktig standardkode og navnekonvensjoner.

Generere en komponent

Opprett en selvstendig komponent med én kommando.

ng generate component hello
# short form:
ng g component hello

Dette blir opprettet

Den genererer hello.component.ts, .html, stilarket og en .spec.ts-test, og bruker selvstendig som standard.

Generere i en mappe

Angi en bane for å plassere komponenten i en undermappe.

ng g component features/dashboard

Generere en tjeneste

Opprett en injiserbar tjeneste med tjeneste-skjemaet.

ng g service data
# creates data.service.ts with @Injectable

Generere et direktiv

Selvstendige direktiver opprettes på tilsvarende måte.

ng g directive highlight

Generere en pipe

Opprett en egendefinert pipe for transformasjoner i maler.

ng g pipe truncate

Generere en guard

Rute-guards beskytter navigeringen. CLI-en oppretter funksjonelle guards.

ng g guard auth

Forhåndsvisning med dry run

Bruk dry-run-flagget for å forhåndsvise hva som ville blitt opprettet, uten å skrive filer.

ng g component hello --dry-run

Hoppe over testfilen

Legg til et flagg for å hoppe over generering av .spec.ts-testen hvis De ikke ønsker en slik test.

ng g component hello --skip-tests

Innebygd mal og stiler

De kan be om innebygd mal og innebygde stiler i stedet for separate filer.

ng g component badge --inline-template --inline-style

Hurtigsjekk: ng generate

Opprette grunnstrukturen for byggesteiner.

Besvar den i den interaktive leksjonen

Oppsummering: Generering

ng generate (ng g) oppretter grunnstrukturen for komponenter, tjenester, direktiver, pipes og guards med riktige konvensjoner. Flagg som --dry-run, --skip-tests og --inline-template tilpasser resultatet. Neste steg: bygge og kjøre appen.

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 kode med ng generate» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien Angular Academy, inkludert «Generere kode med ng generate», 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 kode med ng generate»?

Generer grunnstruktur for komponenter, tjenester og mer. 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 3 av 4.

Hvor lang tid tar leksjonen «Generere kode med ng generate»?

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