Build e avvio del server
Esegua il server di sviluppo e produca le build.
Build e avvio del server è una lezione Angular Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Angular Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Angular Academy include 4 lezioni in totale.
Compilare e avviare
Durante lo sviluppo, la CLI esegue l'app localmente e produce un output ottimizzato per la produzione. I due comandi principali sono ng serve e ng build.
ng serve
ng serve avvia un server locale di sviluppo con live reload. Modifichi un file e il browser si aggiornerà automaticamente.
ng serveL'indirizzo predefinito
Per impostazione predefinita, il server di sviluppo viene eseguito su http://localhost:4200. Apra questo URL per visualizzare l'app.
Cambiare porta e host
Sovrascriva la porta o l'host con i flag.
ng serve --port 4300 --host 0.0.0.0Aprire il browser
Il flag open avvia automaticamente il browser predefinito.
ng serve --open
# or: ng serve -ong build
ng build compila l'app in file statici per la distribuzione, scrivendoli in una cartella dist.
ng buildOttimizzazioni per la produzione
Le build di produzione applicano ottimizzazioni come compilazione ahead-of-time, minificazione, tree-shaking e bundling, producendo un output più piccolo e veloce.
L'output dist
L'output della build viene inserito in dist/<project-name>/. Distribuisca questi file statici su qualsiasi web host o CDN.
Configurazioni della build
angular.json definisce configurazioni come production e development. Ne selezioni una con il flag configuration.
ng build --configuration productionMonitorare durante la build
Per ricompilare continuamente senza avviare un server, il flag watch esegue una nuova build a ogni modifica dei file.
ng build --watchEseguire i test
Tra i comandi correlati figurano ng test per i test unitari e ng lint (quando configurato) per l'analisi statica.
ng testVerifica rapida: serve o build
Sviluppo locale o distribuzione.
Riepilogo: compilazione e avvio
Usi ng serve per lo sviluppo locale con live reload su localhost:4200 e ng build per produrre file statici ottimizzati in dist/ da distribuire. Le configurazioni e i flag consentono di regolare host, porta e livello di ottimizzazione. Ha completato il corso sulla CLI.
Domande Frequenti
La lezione «Build e avvio del server» è gratuita?
Sì — il testo completo di «Build e avvio del server» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Angular Academy, passa a CoddyKit PRO. Il corso Angular Academy include 4 lezioni in totale.
Cosa imparerò in «Build e avvio del server»?
Esegua il server di sviluppo e produca le build. Eserciti Angular Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Angular Academy?
Non è richiesta alcuna esperienza precedente. Angular Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Build e avvio del server»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Angular Academy?
Sì. Ogni lezione Angular Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Generazione di un nuovo progetto
- Spiegazione della struttura del progetto
- Generazione di codice con ng generate
- Build e avvio del server