Angular CLI - ng 新命令

本章通过示例解释了 ng new 命令的语法、参数和选项。

句法

ng new 命令的语法如下 -

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

ng new 命令使用默认的 Angular 应用程序创建给定名称的工作区。

它提供交互式提示来设置可选配置。所有提示都有默认值可供选择。

争论

ng new 命令的参数如下 -

先生。 参数和语法 描述
1 <名字> 新工作区和初始项目的名称。

选项

选项是可选参数。

先生。 选项和语法 描述
1 --集合=集合

用于生成初始应用程序的示意图集合。

别名：-c.
2 --commit=true|false

初始 git 存储库提交信息。

默认值：true。
3 --createApplication=true|false

如果为 true（默认值），则在新工作区的 src 文件夹中创建一个新的初始应用程序项目。如果为 false，则创建一个没有初始应用程序的空工作区。然后，您可以使用生成应用程序命令，以便在项目文件夹中创建所有应用程序。

默认值：true。
4 -默认=真|假 如果为 true，则禁用默认选项的交互式输入提示。
5 --目录=目录 要在其中创建工作区的目录名称。
6 --dryRun=true|false

如果为 true，则运行并报告活动而不写出结果。

默认值：假。

别名：-d。
7 --force=true|false

如果为 true，则强制覆盖现有文件。

默认值：假。

别名：-f.
8 --help=true|false|json|JSON

在控制台中显示此命令的帮助消息。

默认值：假。
9 --inlineStyle=true|false

如果为 true，则在组件 TS 文件中包含内联样式。默认情况下，会在组件 TS 文件中创建并引用外部样式文件。

默认值：假。
10 --inlineStyle=true|false

如果为 true，则在 componentTS 文件中包含内联样式。默认情况下，会在组件 TS 文件中创建并引用外部样式文件。

默认值：假。

别名：-t。
11 --交互=真|假

如果为 true，则创建一个没有任何测试框架的项目。（仅用于学习目的。）

默认值：假。
12 --newProjectRoot=newProjectRoot

将创建新项目的路径，相对于新工作区根目录。

默认：项目。
13 --packageManager=npm|yarn|pnpm|cnpm 包管理器用于安装依赖项。
14 --prefix=前缀

应用于为初始项目生成的选择器的前缀。

默认值：应用程序。

别名：-p。
15 --prefix=前缀

应用于为初始项目生成的选择器的前缀。

默认值：应用程序。

别名：-p。
16 --路由=真|假 如果为 true，则为初始项目生成路由模块。
17 号 --skipGit=true|false

如果为 true，则不会初始化 git 存储库。

默认值：假。

别名：-g.
18 --skipInstall=true|false

如果为 true，则不安装依赖包。

默认值：假。
19 --skipTests=true|false

如果为 true，则不会为新项目生成“spec.ts”测试文件。

默认值：假。

别名：-S.
20 --严格=真|假

创建具有更严格的 TypeScript 编译器选项的工作区。

默认值：假。
21 --style=css|scss|sass|less|styl 用于样式文件的文件扩展名或预处理器。
22 --verbose=true|false

如果为 true，则向输出日志记录添加更多详细信息。

默认值：假。

别名：-v。
23 -- viewEncapsulation=Emulated|Native|None|ShadowDom 在初始项目中使用的视图封装策略。

例子

下面给出了 ng new 命令的示例 -

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

在这里，ng new 命令在我们的 Node 目录中创建了一个 Angular 工作区和一个名为 TutorialsPoint 的项目。