Angular CLI教程

Angular CLI ng new 命令

本章解释了 ng new 命令的语法、参数和选项以及一个例子。

语法

ng new 命令的语法如下-
ng new <name> [options]
ng n <name> [options]
ng new 命令使用默认的 Angular 应用程序创建给定名称的工作区。
它提供交互式提示来设置可选配置。所有提示都有默认值可供选择。

参数

ng new 命令的参数如下-
参数和语法 说明
<name> 新工作区和初始项目的名称。

选项

选项是可选参数。
选项和语法 说明
--collection=collection
用于生成初始应用程序的原理图集合。
别名:-c。
--commit=true|false
初始 git 存储库提交信息。
默认:true。
--createApplication=true|false
当为 true(默认)时,在新工作区的 src 文件夹中创建一个新的初始应用项目。当为 false 时,创建一个没有初始应用程序的空工作区。然后,您可以使用生成应用程序命令,以便在项目文件夹中创建所有应用程序。
默认值:true。
-defaults=true|false 如果为 true,则禁用默认选项的交互式输入提示。
--directory=directory 在其中创建工作区的目录名称。
--dryRun=true|false
如果为真,则在不写出结果的情况下运行并报告活动。
默认值:false。
别名:-d。
--force=true|false
如果为 true,则强制覆盖现有文件。
默认值:false。
别名:-f。
--help=true|false|json|JSON
在控制台中显示此命令的帮助消息。
默认值:false。
--inlineStyle=true|false
如果为 true,则在组件 TS 文件中包含内联样式。默认情况下,会在组件 TS 文件中创建和引用外部样式文件。
默认值:false。
--inlineStyle=true|false
如果为 true,则在 componentTS 文件中包含内联样式。默认情况下,会在组件 TS 文件中创建并引用外部样式文件。
默认值:false。
别名:-t。
--interactive=true|false
当为真时,创建一个没有任何测试框架的项目。 (仅用于学习目的。)
默认值:false。
--newProjectRoot=newProjectRoot
将创建新项目的路径,相对于新工作区根目录。
默认:项目。
--packageManager=npm|yarn|pnpm|cnpm 用于安装依赖项的包管理器。
--prefix=prefix
应用于为初始项目生成的选择器的前缀。
默认:app。
别名:-p。
--prefix=prefix
应用于为初始项目生成的选择器的前缀。
默认:app。
别名:-p。
--routing=true|false 为真时,为初始项目生成一个路由模块。
--skipGit=true|false
当为 true 时,不初始化 git 存储库。
默认值:false。
别名:-g。
--skipInstall=true|false
为true时,不安装依赖包。
默认:false。
--skipTests=true|false
如果为 true,则不会为新项目生成"spec.ts"测试文件。
默认值:false。
别名:-S。
--strict=true|false
使用更严格的 TypeScript 编译器选项创建工作区。
默认值:false。
--style=css|scss|sass|less|styl 用于样式文件的文件扩展名或预处理器。
--verbose=true|false
如果为真,则向输出日志添加更多详细信息。
默认值:false。
别名:-v。
--viewEncapsulation=Emulated|Native|None|ShadowDom 在初始项目中使用的视图封装策略。

示例

下面给出了 ng new 命令的示例-
\>Node ng new Lidihuo
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE Lidihuo/angular.json (3630 bytes)
CREATE Lidihuo/package.json (1291 bytes)
CREATE Lidihuo/README.md (1031 bytes)
CREATE Lidihuo/tsconfig.json (489 bytes)
CREATE Lidihuo/tslint.json (3125 bytes)
CREATE Lidihuo/.editorconfig (274 bytes)
CREATE Lidihuo/.gitignore (631 bytes)
CREATE Lidihuo/browserslist (429 bytes)
CREATE Lidihuo/karma.conf.js (1026 bytes)
CREATE Lidihuo/tsconfig.app.json (210 bytes)
CREATE Lidihuo/tsconfig.spec.json (270 bytes)
CREATE Lidihuo/src/favicon.ico (948 bytes)
CREATE Lidihuo/src/index.html (300 bytes)
CREATE Lidihuo/src/main.ts (372 bytes)
CREATE Lidihuo/src/polyfills.ts (2835 bytes)
CREATE Lidihuo/src/styles.css (80 bytes)
CREATE Lidihuo/src/test.ts (753 bytes)
CREATE Lidihuo/src/assets/.gitkeep (0 bytes)
CREATE Lidihuo/src/environments/environment.prod.ts (51 bytes)
CREATE Lidihuo/src/environments/environment.ts (662 bytes)
CREATE Lidihuo/src/app/app-routing.module.ts (246 bytes)
CREATE Lidihuo/src/app/app.module.ts (393 bytes)
CREATE Lidihuo/src/app/app.component.html (25755 bytes)
CREATE Lidihuo/src/app/app.component.spec.ts (1083 bytes)
CREATE Lidihuo/src/app/app.component.ts (218 bytes)
CREATE Lidihuo/src/app/app.component.css (0 bytes)
CREATE Lidihuo/e2e/protractor.conf.js (808 bytes)
CREATE Lidihuo/e2e/tsconfig.json (214 bytes)
CREATE Lidihuo/e2e/src/app.e2e-spec.ts (647 bytes)
CREATE Lidihuo/e2e/src/app.po.ts (301 bytes)
Packages installed successfully.
这里,ng new 命令在我们的 Node 目录中创建了一个 angular 工作区和一个名为 Lidihuo 的项目。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4