Generazione di un nuovo progetto
Crei un'app con ng new ed esplori le opzioni.
Generazione di un nuovo progetto è una lezione Angular Academy gratuita su CoddyKit. Questa è la lezione 1 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.
Angular CLI
La Angular CLI è lo strumento ufficiale da riga di comando per creare, compilare, servire ed eseguire test sulle app Angular. I comandi iniziano con ng.
Installare la CLI
La installi globalmente con npm, così il comando ng sarà disponibile ovunque.
npm install -g @angular/cliCreare un progetto con ng new
Il comando ng new crea lo scheletro di un nuovo workspace e di una nuova applicazione Angular.
ng new my-appCosa fa ng new
Crea una cartella, installa le dipendenze, configura TypeScript, la configurazione di build e un test runner, crea un'app standalone iniziale e inizializza un repository git.
Prompt interattivi
Per impostazione predefinita, ng new pone alcune domande, ad esempio se aggiungere il routing Angular e quale formato di foglio di stile usare (CSS, SCSS, Sass o Less).
Aggiungere il routing
Può rispondere al prompt sul routing oppure passare un flag per decidere in anticipo.
ng new my-app --routingScegliere un formato di stile
Scelga il linguaggio dei fogli di stile con il flag style.
ng new my-app --style=scssSaltare l'installazione o Git
Tra i flag utili ci sono quelli per saltare l'installazione delle dipendenze o l'inizializzazione di git, comodi negli ambienti CI o nelle configurazioni tramite script.
ng new my-app --skip-install --skip-gitAutonomo per impostazione predefinita
Le versioni recenti della CLI creano per impostazione predefinita un'applicazione standalone, con main.ts che usa bootstrapApplication e un app.config.ts per i provider.
Spostarsi nel progetto
Dopo la creazione, si sposti nella nuova directory per eseguire altri comandi.
cd my-appOttenere assistenza
Ogni comando supporta un flag di help che ne elenca le opzioni.
ng new --helpVerifica rapida: ng new
Creazione di un progetto.
Riepilogo: nuovo progetto
Angular CLI (ng) crea applicazioni con ng new my-app, consentendo facoltativamente di configurare il routing e il formato dei fogli di stile. Installa le dipendenze e crea lo scheletro di un'app iniziale standalone. Prossimo argomento: comprendere la struttura generata.
Domande Frequenti
La lezione «Generazione di un nuovo progetto» è gratuita?
Sì — il testo completo di «Generazione di un nuovo progetto» è 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 un nuovo progetto»?
Crei un'app con ng new ed esplori le opzioni. 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 1 di 4.
Quanto tempo richiede la lezione «Generazione di un nuovo progetto»?
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