CLI angolare - ng new Command
Sintassi
ng new <name> [options]
ng n <name> [options]ng new command crea un'area di lavoro di data namecon un'applicazione angolare predefinita. Fornisce prompt interattivi per impostare configurazioni opzionali. Tutti i prompt hanno valori predefiniti tra cui scegliere. Le opzioni sono parametri opzionali.
argomenti
| Sr.No. | Argomento e sintassi | Descrizione |
|---|---|---|
| 1 | <name> | Il nome del nuovo spazio di lavoro e del progetto iniziale. |
Opzioni
| Sr.No. | Opzione e sintassi | Descrizione | |
|---|---|---|---|
| 1 | - raccolta = raccolta | Una raccolta di schemi da utilizzare per generare l'app iniziale. Alias: -c. |
|
| 2 | --commit = true | false | Informazioni iniziali sul commit del repository git. Predefinito: vero. |
|
| 3 | --createApplication = true | false | Quando true (impostazione predefinita), crea un nuovo progetto iniziale dell'app nella cartella src del nuovo spazio di lavoro. Se falso, crea un'area di lavoro vuota senza app iniziale. È quindi possibile utilizzare il comando di generazione dell'applicazione in modo che tutte le app vengano create nella cartella dei progetti. Predefinito: vero. |
|
| 4 | --defaults = true | false | Se true, disabilita i prompt di input interattivi per le opzioni con un valore predefinito. | |
| 5 | --directory = directory | Il nome della directory in cui creare lo spazio di lavoro. | |
| 6 | --dryRun = true | false | Quando è vero, esegue e segnala l'attività senza scrivere i risultati. Predefinito: false. Alias: -d. |
|
| 7 | --force = true | false | Quando è vero, forza la sovrascrittura dei file esistenti. Predefinito: false. Alias: -f. |
|
| 8 | --help = true | false | json | JSON | Mostra un messaggio di aiuto per questo comando nella console. Predefinito: false. |
|
| 9 | --inlineStyle = true | false | Se vero, include gli stili in linea nel file TS del componente. Per impostazione predefinita, viene creato un file di stili esterno e viene fatto riferimento nel file TS del componente. Predefinito: false. |
|
| 10 | --inlineStyle = true | false | Se vero, include gli stili in linea nel file TS del componente. Per impostazione predefinita, viene creato un file di stili esterno e viene fatto riferimento nel file TS del componente. Predefinito: false. Alias: -t. |
|
| 11 | --interactive = true | false | Se falso, disabilita i prompt di input interattivi. | |
| 12 | --minimal = true | false | Quando è vero, crea un progetto senza alcun framework di test. (Utilizzare solo per scopi di apprendimento.) Predefinito: false. |
|
| 13 | --newProjectRoot = newProjectRoot | Il percorso in cui verranno creati i nuovi progetti, rispetto alla nuova radice dell'area di lavoro. Default: progetti. |
|
| 14 | --packageManager = npm | filato | pnpm | cnpm | Il gestore di pacchetti utilizzato per installare le dipendenze. | |
| 15 | --prefix = prefisso | Il prefisso da applicare ai selettori generati per il progetto iniziale. Predefinito: app. Alias: -p. |
|
| 16 | --routing = true | false | Quando true, genera un modulo di routing per il progetto iniziale. | |
| 17 | --skipGit = true | false | Se true, non inizializza un repository git. Predefinito: false. Alias: -g. |
|
| 18 | --skipInstall = true | false | Quando è vero, non installa i pacchetti di dipendenze. Predefinito: false. |
|
| 19 | --skipTests = true | false | Quando è true, non genera file di test "spec.ts" per il nuovo progetto. Predefinito: false. Alias: -S. |
|
| 20 | --strict = true | false | Crea un'area di lavoro con opzioni del compilatore TypeScript più rigorose. Predefinito: false. |
|
| 21 | --style = css | scss | sass | less | styl | L'estensione di file o il preprocessore da utilizzare per i file di stile. | |
| 22 | --verbose = true | false | Se vero, aggiunge ulteriori dettagli alla registrazione dell'output. Predefinito: false. Alias: -v. |
|
| 23 | --viewEncapsulation = Emulato | Nativo | Nessuno | ShadowDom | La strategia di incapsulamento della vista da utilizzare nel progetto iniziale. |
Esempio
\>Node ng new TutorialsPoint
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE TutorialsPoint/angular.json (3630 bytes)
CREATE TutorialsPoint/package.json (1291 bytes)
CREATE TutorialsPoint/README.md (1031 bytes)
CREATE TutorialsPoint/tsconfig.json (489 bytes)
CREATE TutorialsPoint/tslint.json (3125 bytes)
CREATE TutorialsPoint/.editorconfig (274 bytes)
CREATE TutorialsPoint/.gitignore (631 bytes)
CREATE TutorialsPoint/browserslist (429 bytes)
CREATE TutorialsPoint/karma.conf.js (1026 bytes)
CREATE TutorialsPoint/tsconfig.app.json (210 bytes)
CREATE TutorialsPoint/tsconfig.spec.json (270 bytes)
CREATE TutorialsPoint/src/favicon.ico (948 bytes)
CREATE TutorialsPoint/src/index.html (300 bytes)
CREATE TutorialsPoint/src/main.ts (372 bytes)
CREATE TutorialsPoint/src/polyfills.ts (2835 bytes)
CREATE TutorialsPoint/src/styles.css (80 bytes)
CREATE TutorialsPoint/src/test.ts (753 bytes)
CREATE TutorialsPoint/src/assets/.gitkeep (0 bytes)
CREATE TutorialsPoint/src/environments/environment.prod.ts (51 bytes)
CREATE TutorialsPoint/src/environments/environment.ts (662 bytes)
CREATE TutorialsPoint/src/app/app-routing.module.ts (246 bytes)
CREATE TutorialsPoint/src/app/app.module.ts (393 bytes)
CREATE TutorialsPoint/src/app/app.component.html (25755 bytes)
CREATE TutorialsPoint/src/app/app.component.spec.ts (1083 bytes)
CREATE TutorialsPoint/src/app/app.component.ts (218 bytes)
CREATE TutorialsPoint/src/app/app.component.css (0 bytes)
CREATE TutorialsPoint/e2e/protractor.conf.js (808 bytes)
CREATE TutorialsPoint/e2e/tsconfig.json (214 bytes)
CREATE TutorialsPoint/e2e/src/app.e2e-spec.ts (647 bytes)
CREATE TutorialsPoint/e2e/src/app.po.ts (301 bytes)
Packages installed successfully.Qui ng new command ha creato uno spazio di lavoro angolare e un progetto con il nome TutorialsPoint nella nostra directory Node.