Generazione di codice con ng generate
Generi lo scheletro di componenti, servizi e altro.
Generazione di codice con ng generate è una lezione Angular Academy gratuita su CoddyKit. Questa è la lezione 3 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.
Generare codice con ng generate
Il comando ng generate (abbreviato in ng g) crea lo scheletro dei componenti Angular con il boilerplate e le convenzioni di denominazione corretti.
Generare un componente
Crei un componente standalone con un solo comando.
ng generate component hello
# short form:
ng g component helloCosa viene creato
Vengono generati hello.component.ts, .html, il foglio di stile e un test .spec.ts, con standalone attivo per impostazione predefinita.
Generare in una cartella
Specifichi un percorso per collocare il componente in una sottocartella.
ng g component features/dashboardGenerare un servizio
Crei un servizio injectable con lo schematic del servizio.
ng g service data
# creates data.service.ts with @InjectableGenerare una direttiva
Le direttive standalone vengono create in modo analogo.
ng g directive highlightGenerare una pipe
Crei una pipe personalizzata per trasformare i dati nei template.
ng g pipe truncateGenerare una guard
Le guard delle route proteggono la navigazione. La CLI crea lo scheletro delle guard funzionali.
ng g guard authAnteprima a secco
Usi il flag dry-run per visualizzare in anteprima ciò che verrebbe creato senza scrivere file.
ng g component hello --dry-runSaltare il file di test
Aggiunga un flag per saltare la generazione del test .spec.ts se non ne desidera uno.
ng g component hello --skip-testsTemplate e stili inline
Può richiedere template e stili inline invece di file separati.
ng g component badge --inline-template --inline-styleVerifica rapida: ng generate
Creazione dello scheletro dei componenti.
Riepilogo: generazione
ng generate (ng g) crea lo scheletro di componenti, servizi, direttive, pipe e guard secondo le convenzioni corrette. Flag come --dry-run, --skip-tests e --inline-template consentono di personalizzare l'output. Prossimo argomento: compilazione e avvio.
Domande Frequenti
La lezione «Generazione di codice con ng generate» è gratuita?
Sì — il testo completo di «Generazione di codice con ng generate» è 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 «Generazione di codice con ng generate»?
Generi lo scheletro di componenti, servizi e altro. 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 3 di 4.
Quanto tempo richiede la lezione «Generazione di codice con ng generate»?
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