Angular CLI - nowe polecenie

Składnia

ng new <name> [options]
ng n <name> [options]

Nowe polecenie tworzy obszar roboczy o podanym namez domyślną aplikacją kątową. Udostępnia interaktywne monity o ustawianie opcjonalnych konfiguracji. Wszystkie monity mają wartości domyślne do wyboru. Opcje są parametrami opcjonalnymi.

Argumenty

Sr.No. Argument i składnia Opis
1 <nazwa> Nazwa nowego obszaru roboczego i początkowego projektu.

Opcje

Sr.No. Opcja i składnia Opis
1 --collection = kolekcja Zbiór schematów do użycia podczas generowania początkowej aplikacji.

Aliasy: -c.

2 --commit = true | false Wstępne informacje o zatwierdzeniu repozytorium git.

Domyślnie: prawda.

3 --createApplication = true | false Gdy true (wartość domyślna), tworzy nowy początkowy projekt aplikacji w folderze src nowego obszaru roboczego. Gdy wartość false, tworzy pusty obszar roboczy bez początkowej aplikacji. Następnie możesz użyć polecenia generowania aplikacji, aby wszystkie aplikacje zostały utworzone w folderze projektów.

Domyślnie: prawda.

4 --defaults = true | false Gdy prawda, wyłącza interaktywne monity o wprowadzenie opcji z wartością domyślną.
5 --directory = katalog Nazwa katalogu, w którym ma zostać utworzony obszar roboczy.
6 --dryRun = true | false

Gdy prawda, przebiega i raportuje aktywność bez wypisywania wyników.

Domyślnie: false.

Aliasy: -d.

7 --force = true | false

Gdy prawda, wymusza nadpisanie istniejących plików.

Domyślnie: false.

Aliasy: -f.

8 --help = true | false | json | JSON

Wyświetla komunikat pomocy dla tego polecenia w konsoli.

Domyślnie: false.

9 --inlineStyle = true | false

Jeśli prawda, włącza style wbudowane w składowego pliku TS. Domyślnie tworzony jest zewnętrzny plik stylów i odwoływanie się do niego w pliku TS komponentu.

Domyślnie: false.

10 --inlineStyle = true | false

Jeśli prawda, włącza style wbudowane w składowego pliku TS. Domyślnie tworzony jest zewnętrzny plik stylów i odwoływanie się do niego w pliku TS komponentu.

Domyślnie: false.

Aliasy: -t.

11 --interactive = true | false Gdy false, wyłącza interaktywne monity o wprowadzanie danych.
12 --minimal = true | false

Gdy prawda, tworzy projekt bez żadnych struktur testowych. (Używaj tylko do celów edukacyjnych.)

Domyślnie: false.

13 --newProjectRoot = newProjectRoot

Ścieżka, w której zostaną utworzone nowe projekty, względem nowego katalogu głównego obszaru roboczego.

Domyślnie: projekty.

14 --packageManager = npm | yarn | pnpm | cnpm Menedżer pakietów używany do instalowania zależności.
15 --prefix = prefiks

Prefiks do zastosowania do wygenerowanych selektorów dla projektu początkowego.

Domyślnie: aplikacja.

Aliasy: -p.

16 --routing = true | false Gdy prawda, generuje moduł routingu dla projektu początkowego.
17 --skipGit = true | false

Gdy prawda, nie inicjuje repozytorium git.

Domyślnie: false.

Aliasy: -g.

18 --skipInstall = true | false

Gdy prawda, nie instaluje pakietów zależności.

Domyślnie: false.

19 --skipTests = true | false

Jeśli prawda, nie generuje plików testowych „spec.ts” dla nowego projektu.

Domyślnie: false.

Aliasy: -S.

20 --strict = true | false

Tworzy obszar roboczy z bardziej rygorystycznymi opcjami kompilatora TypeScript.

Domyślnie: false.

21 --style = css | scss | sass | less | styl Rozszerzenie pliku lub preprocesor do użycia dla plików stylów.
22 --verbose = true | false

Gdy prawda, dodaje więcej szczegółów do rejestrowania danych wyjściowych.

Domyślnie: false.

Aliasy: -v.

23 --viewEncapsulation = Emulowane | Natywne | Brak | ShadowDom Strategia hermetyzacji widoku do użycia w początkowym projekcie.

Przykład

\>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.

Tutaj nowe polecenie utworzyło kątowy obszar roboczy i projekt o nazwie TutorialsPoint w naszym katalogu Node.