Angular CLI - ng new 命令
本章通过示例解释了 ng new 命令的语法、参数和选项。
语法
ng new 命令的语法如下 −
ng new <name> [options] ng n <name> [options]
ng new 命令使用默认的 Angular 应用程序创建给定名称的工作区。
它提供交互式提示来设置可选配置。 所有提示都有默认值可供选择。
参数
ng new 命令的参数如下 −
| 序号 | 参数 & 语法 | 说明 |
|---|---|---|
| 1 | <name> | 新工作区和初始项目的名称。 |
选项
Options 是可选参数。
| 序号 | 选项 & 语法 | 说明 |
|---|---|---|
| 1 | --collection=collection | 用于生成初始应用程序的示意图集合。 别名: -c. |
| 2 | --commit=true|false | 初始 git 存储库提交信息。 默认值:true。 |
| 3 | --createApplication=true|false | 如果为 true（默认值），则在新工作区的 src 文件夹中创建一个新的初始应用程序项目。 如果为 false，则创建一个没有初始应用程序的空工作区。 然后，您可以使用生成应用程序命令，以便在项目文件夹中创建所有应用程序。 默认值: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，则包含在 componentTS 文件中内联的样式。 默认情况下，会在组件 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 的项目。
