Angular CLI ng new 命令
本章通过示例解释 ng new 命令的语法、参数和选项。
语法
ng new 命令的语法如下:
ng new <name> [options] ng n <name> [options]
ng new 命令使用默认的 Angular 应用程序创建一个给定名称的工作区。
它提供交互式提示来设置可选配置。所有提示都有默认值可供选择。
Argument
ng new 命令的参数如下:
序号. | 参数和语法 | 描述 |
---|---|---|
1 | <名称> | 新工作区和初始项目的名称。 |
Options
选项是可选参数。
序号. | 选项和语法 | 描述 |
---|---|---|
1 | --collection=收藏 |
示意图集合 用于生成 初始应用程序。 别名:-c。 |
2 | --提交=真|假 |
初始 git 存储库提交信息。 默认值:真。 |
3 | --createApplication=true|false |
当为 true(默认值)时,在新工作区的 src 文件夹中创建一个新的初始应用程序项目。当为 false 时,创建一个没有初始应用程序的空工作区。然后你可以使用生成应用程序命令,以便在项目文件夹中创建所有应用程序。 默认值:真。 |
4 | -默认=真|假 | 如果为 true,则禁用默认选项的交互式输入提示。 |
5 | --目录=目录 | 在其中创建工作区的目录名称。 |
6 | --dryRun=真|假 |
当为真时,贯穿 并报告活动 不写出来 results. 默认值:假。 别名:-d。 |
7 | --force=真|假 |
为真时,强制 覆盖现有的 files. 默认值:假。 别名:-f。 |
8 | --help=true|false|json|JSON |
在控制台中显示此命令的帮助消息。 默认值:假。 |
9 | --inlineStyle=true|false |
如果为 true,则在组件 TS 文件中包含内联样式。默认情况下,会在组件 TS 文件中创建和引用外部样式文件。 默认值:假。 |
10 | --inlineStyle=true|false |
如果为 true,则在 componentTS 文件中包含内联样式。默认情况下,会在组件 TS 文件中创建和引用外部样式文件。 默认值:假。 别名:-t。 |
11 | --interactive=true|false |
如果为 true,则创建一个没有任何测试框架的项目。 (仅用于学习目的。) 默认值:假。 |
12 | --newProjectRoot=newProjectRoot |
将创建新项目的路径,相对于新工作区根目录。 默认值:项目。 |
13 | --packageManager=npm|yarn|pnpm|cnpm | 包管理器 用来安装 依赖关系。 |
14 | --prefix=前缀 |
应用于为初始项目生成的选择器的前缀。 默认值:应用程序。 别名:-p。 |
15 | --prefix=前缀 |
应用于为初始项目生成的选择器的前缀。 默认值:应用程序。 别名:-p。 |
16 | --路由=真|假 | 当为真时,为初始项目生成一个路由模块。 |
17 | --skipGit=真|假 |
为真时,不 初始化一个 git 存储库。 默认值:假。 别名:-g。 |
18 | --skipInstall=true|false |
如果为 true,则不安装依赖包。 默认值:假。 |
19 | --skipTests=真|假 |
如果为 true,则不会为新项目生成“spec.ts”测试文件。 默认值:假。 别名:-S。 |
20 | --严格=真|假 |
使用更严格的 TypeScript 编译器选项创建工作区。 默认值:假。 |
21 | --style=css|scss|sass|less|styl | 用于样式文件的文件扩展名或预处理器。 |
22 | --verbose=真|假 |
如果为 true,则向输出日志记录添加更多详细信息。 默认值:假。 别名:-v。 |
23 | -- viewEncapsulation=模拟|本机|无|ShadowDom | 在初始项目中使用的视图封装策略。 |
例子
下面给出一个 ng new 命令的例子:
\>Node ng new NewbieGo ? Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use? CSS CREATE NewbieGo/angular.json (3630 bytes) CREATE NewbieGo/package.json (1291 bytes) CREATE NewbieGo/README.md (1031 bytes) CREATE NewbieGo/tsconfig.json (489 bytes) CREATE NewbieGo/tslint.json (3125 bytes) CREATE NewbieGo/.editorconfig (274 bytes) CREATE NewbieGo/.gitignore (631 bytes) CREATE NewbieGo/browserslist (429 bytes) CREATE NewbieGo/karma.conf.js (1026 bytes) CREATE NewbieGo/tsconfig.app.json (210 bytes) CREATE NewbieGo/tsconfig.spec.json (270 bytes) CREATE NewbieGo/src/favicon.ico (948 bytes) CREATE NewbieGo/src/index.html (300 bytes) CREATE NewbieGo/src/main.ts (372 bytes) CREATE NewbieGo/src/polyfills.ts (2835 bytes) CREATE NewbieGo/src/styles.css (80 bytes) CREATE NewbieGo/src/test.ts (753 bytes) CREATE NewbieGo/src/assets/.gitkeep (0 bytes) CREATE NewbieGo/src/environments/environment.prod.ts (51 bytes) CREATE NewbieGo/src/environments/environment.ts (662 bytes) CREATE NewbieGo/src/app/app-routing.module.ts (246 bytes) CREATE NewbieGo/src/app/app.module.ts (393 bytes) CREATE NewbieGo/src/app/app.component.html (25755 bytes) CREATE NewbieGo/src/app/app.component.spec.ts (1083 bytes) CREATE NewbieGo/src/app/app.component.ts (218 bytes) CREATE NewbieGo/src/app/app.component.css (0 bytes) CREATE NewbieGo/e2e/protractor.conf.js (808 bytes) CREATE NewbieGo/e2e/tsconfig.json (214 bytes) CREATE NewbieGo/e2e/src/app.e2e-spec.ts (647 bytes) CREATE NewbieGo/e2e/src/app.po.ts (301 bytes) Packages installed successfully.
在这里, ng new 命令在我们的 Node 目录中创建了一个 angular 工作区和一个名为 NewbieGo 的项目。