Angular Academy · Oppitunti

Koodin luominen ng generate -komennolla

Luokaa komponenttien, palvelujen ja muiden rakenteiden peruspohjat.

Oppitunti 3/413 vaihetta

Koodin luominen ng generate -komennolla on ilmainen Angular Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu Angular Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Angular Academy-kurssilla on yhteensä 4 oppituntia.

Koodin luominen ng generate -komennolla

ng generate -komento (lyhennettynä ng g) luo Angularin rakennuspalikoiden rungot oikeilla vakiokoodilla ja nimeämiskäytännöillä.

Komponentin luominen

Luokaa itsenäinen komponentti yhdellä komennolla.

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

Mitä luodaan

Komento luo hello.component.ts- ja .html-tiedostot, tyylitiedoston ja .spec.ts-testin sekä käyttää oletusarvoisesti itsenäistä komponenttia.

Luominen kansioon

Antakaa polku sijoittaaksenne komponentin alikansioon.

ng g component features/dashboard

Palvelun luominen

Luokaa injektoitava palvelu service-skeemalla.

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

Direktiivin luominen

Itsenäisten direktiivien runko luodaan vastaavalla tavalla.

ng g directive highlight

Pipen luominen

Luokaa mukautettu pipe muunnoksia varten.

ng g pipe truncate

Guardin luominen

Reittien guardit suojaavat navigointia. CLI luo funktionaalisten guardien rungot.

ng g guard auth

Esikatselu ilman muutoksia

Käyttäkää dry-run-valitsinta esikatsellaksenne luotavat tiedostot ilman niiden kirjoittamista.

ng g component hello --dry-run

Testitiedoston ohittaminen

Lisätkää valitsin, jolla .spec.ts-testin luominen ohitetaan, jos ette tarvitse sitä.

ng g component hello --skip-tests

Upotettu malli ja tyylit

Voitte pyytää mallin ja tyylit upotettuina erillisten tiedostojen sijaan.

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

Pikatarkistus: ng generate

Rakennuspalikoiden rungon luominen.

Vastaa interaktiivisessa oppitunnissa

Kertaus: luominen

ng generate (ng g) luo komponenttien, palveluiden, direktiivien, pipejen ja guardien rungot oikeiden käytäntöjen mukaisesti. Valitsimilla, kuten --dry-run, --skip-tests ja --inline-template, voitte mukauttaa tulosta. Seuraavaksi rakennatte sovelluksen ja käynnistätte palvelimen.

Aloita maksutta

Opi HTML tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 38
Oppitunnit: 144

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Koodin luominen ng generate -komennolla” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Angular Academy-oppimispolun 3 oppituntia, myös oppitunnin “Koodin luominen ng generate -komennolla”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Angular Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Koodin luominen ng generate -komennolla”?

Luokaa komponenttien, palvelujen ja muiden rakenteiden peruspohjat. Harjoittelet Angular Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Angular Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Angular Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/4.

Kuinka kauan ”Koodin luominen ng generate -komennolla”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Angular Academy-oppitunnilla?

Kyllä. Jokainen Angular Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: Angular Academy