Angular CLI - ng new 命令

本章解释了 ng new 命令的语法、参数和选项，并提供了一个示例。

语法

ng new 命令的语法如下：

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

ng new 命令创建一个具有给定名称的工作区，并包含一个默认的 Angular 应用程序。

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

参数

ng new 命令的参数如下：

序号	参数 & 语法	描述
1	<name>	新工作区和初始项目的名称。

选项

选项是可选参数。

序号	选项 & 语法	描述
1	--collection=collection	用于生成初始应用程序的架构集合。别名：-c。
2	--commit=true\|false	初始 git 存储库提交信息。默认值：true。
3	--createApplication=true\|false	如果为 true（默认值），则在新建工作区的 src 文件夹中创建一个新的初始应用程序项目。如果为 false，则创建一个没有初始应用程序的空工作区。然后可以使用生成应用程序命令，以便所有应用程序都在 projects 文件夹中创建。默认值：true。
4	-defaults=true\|false	如果为 true，则禁用具有默认值的选项的交互式输入提示。
5	--directory=directory	在其中创建工作区的目录名称。
6	--dryRun=true\|false	如果为 true，则运行并报告活动，但不写入结果。默认值：false。别名：-d。
7	--force=true\|false	如果为 true，则强制覆盖现有文件。默认值：false。别名：-f。
8	--help=true\|false\|json\|JSON	在控制台中显示此命令的帮助消息。默认值：false。
9	--inlineStyle=true\|false	如果为 true，则在组件 TS 文件中内联包含样式。默认情况下，会创建一个外部样式文件并在组件 TS 文件中引用它。默认值：false。
10	--inlineStyle=true\|false	如果为 true，则在组件 TS 文件中内联包含样式。默认情况下，会创建一个外部样式文件并在组件 TS 文件中引用它。默认值：false。别名：-t。
11	--interactive=true\|false	如果为 true，则创建一个没有任何测试框架的项目。（仅用于学习目的。）默认值：false。
12	--newProjectRoot=newProjectRoot	相对于新工作区根目录，新项目将创建到的路径。默认值：projects。
13	--packageManager=npm\|yarn\|pnpm\|cnpm	用于安装依赖项的包管理器。
14	--prefix=prefix	应用于初始项目的生成选择器的前缀。默认值：app。别名：-p。
15	--prefix=prefix	应用于初始项目的生成选择器的前缀。默认值：app。别名：-p。
16	--routing=true\|false	如果为 true，则为初始项目生成一个路由模块。
17	--skipGit=true\|false	如果为 true，则不初始化 git 存储库。默认值：false。别名：-g。
18	--skipInstall=true\|false	如果为 true，则不安装依赖项包。默认值：false。
19	--skipTests=true\|false	如果为 true，则不会为新项目生成“spec.ts”测试文件。默认值：false。别名：-S。
20	--strict=true\|false	使用更严格的 TypeScript 编译器选项创建工作区。默认值：false。
21	--style=css\|scss\|sass\|less\|styl	用于样式文件的扩展名或预处理器。
22	--verbose=true\|false	如果为 true，则向输出日志添加更多详细信息。默认值：false。别名：-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 的项目。

打印页面

上一个

下一个

序号	选项 & 语法	描述
1	--collection=collection	用于生成初始应用程序的架构集合。别名：-c。
2	--commit=true\|false	初始 git 存储库提交信息。默认值：true。
3	--createApplication=true\|false	如果为 true（默认值），则在新建工作区的 src 文件夹中创建一个新的初始应用程序项目。如果为 false，则创建一个没有初始应用程序的空工作区。然后可以使用生成应用程序命令，以便所有应用程序都在 projects 文件夹中创建。默认值：true。
4	-defaults=true\|false	如果为 true，则禁用具有默认值的选项的交互式输入提示。
5	--directory=directory	在其中创建工作区的目录名称。
6	--dryRun=true\|false	如果为 true，则运行并报告活动，但不写入结果。默认值：false。别名：-d。
7	--force=true\|false	如果为 true，则强制覆盖现有文件。默认值：false。别名：-f。
8	--help=true\|false\|json\|JSON	在控制台中显示此命令的帮助消息。默认值：false。
9	--inlineStyle=true\|false	如果为 true，则在组件 TS 文件中内联包含样式。默认情况下，会创建一个外部样式文件并在组件 TS 文件中引用它。默认值：false。
10	--inlineStyle=true\|false	如果为 true，则在组件 TS 文件中内联包含样式。默认情况下，会创建一个外部样式文件并在组件 TS 文件中引用它。默认值：false。别名：-t。
11	--interactive=true\|false	如果为 true，则创建一个没有任何测试框架的项目。（仅用于学习目的。）默认值：false。
12	--newProjectRoot=newProjectRoot	相对于新工作区根目录，新项目将创建到的路径。默认值：projects。
13	--packageManager=npm\|yarn\|pnpm\|cnpm	用于安装依赖项的包管理器。
14	--prefix=prefix	应用于初始项目的生成选择器的前缀。默认值：app。别名：-p。
15	--prefix=prefix	应用于初始项目的生成选择器的前缀。默认值：app。别名：-p。
16	--routing=true\|false	如果为 true，则为初始项目生成一个路由模块。
17	--skipGit=true\|false	如果为 true，则不初始化 git 存储库。默认值：false。别名：-g。
18	--skipInstall=true\|false	如果为 true，则不安装依赖项包。默认值：false。
19	--skipTests=true\|false	如果为 true，则不会为新项目生成“spec.ts”测试文件。默认值：false。别名：-S。
20	--strict=true\|false	使用更严格的 TypeScript 编译器选项创建工作区。默认值：false。
21	--style=css\|scss\|sass\|less\|styl	用于样式文件的扩展名或预处理器。
22	--verbose=true\|false	如果为 true，则向输出日志添加更多详细信息。默认值：false。别名：-v。
23	-- viewEncapsulation=Emulated\|Native\|None\|ShadowDom	在初始项目中使用的视图封装策略。