Build og serving
Kør udviklingsserveren, og opret builds.
Build og serving er en gratis Angular Academy-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i Angular Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Angular Academy-kurset indeholder 4 lektioner i alt.
Byg og start appen
CLI'en kører din app lokalt under udviklingen og producerer optimeret output til produktion. De to vigtigste kommandoer er ng serve og ng build.
ng serve
ng serve starter en lokal udviklingsserver med live genindlæsning. Redigér en fil, så opdateres browseren automatisk.
ng serveStandardadressen
Som standard kører udviklingsserveren på http://localhost:4200. Åbn den URL for at se din app.
Skift port og vært
Overskriv porten eller værten med flag.
ng serve --port 4300 --host 0.0.0.0Åbn browseren
Open-flaget starter automatisk din standardbrowser.
ng serve --open
# or: ng serve -ong build
ng build kompilerer appen til statiske filer til udrulning og skriver dem til en dist-mappe.
ng buildOptimeringer til produktion
Produktions-builds anvender optimeringer: ahead-of-time-kompilering, minificering, tree-shaking og bundling, hvilket giver et mindre og hurtigere output.
Outputtet i dist
Build-outputtet placeres i dist/<project-name>/. Udrul disse statiske filer til en vilkårlig webhost eller CDN.
Build-konfigurationer
angular.json definerer konfigurationer som production og development. Vælg en med configuration-flaget.
ng build --configuration productionOvervåg under build
Hvis du vil genopbygge løbende uden at starte appen, genopbygger watch-flaget ved ændringer i filer.
ng build --watchKør tests
Relaterede kommandoer omfatter ng test til enhedstests og ng lint (når den er konfigureret) til statisk analyse.
ng testHurtigt tjek: Serve kontra build
Lokal udvikling kontra udrulning.
Opsummering: Build og serve
Brug ng serve til lokal udvikling med live genindlæsning på localhost:4200, og ng build til at producere optimerede statiske filer i dist/ til udrulning. Konfigurationer og flag justerer vært, port og optimeringsniveau. Du har gennemført CLI-kurset.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 38
- Lektioner
- 144
Ofte stillede spørgsmål
Er lektionen “Build og serving” gratis?
Ja — alle 3 lektioner i læringssporet Angular Academy, inklusive “Build og serving”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Angular Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Build og serving”?
Kør udviklingsserveren, og opret builds. Du øver dig i Angular Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Angular Academy?
Der kræves ingen tidligere erfaring. Angular Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.
Hvor lang tid tager lektionen “Build og serving”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Angular Academy-lektion?
Ja. Alle Angular Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Generering af et nyt projekt
- Projektstrukturen forklaret
- Generering af kode med ng generate
- Build og serving