Angular CLI-ng新命令

Angular CLI是官方提供的Angular项目脚手架，可以方便快捷的搭建一个Angular项目。近期Angular CLI新增了一些新命令，下面介绍一下这些新命令的详细使用方式。

ng add

ng add命令可以帮助你将一些常用功能快速添加到你的Angular项目中，例如添加Angular Material、添加Service Worker等。使用ng add命令添加这些功能，项目中会自动安装相关依赖，并添加相应的配置。

语法

ng add <collection> [options]

参数

• <collection>：要添加的包的名称。例如：@angular/material。
• [options]：命令的选项。

例子

添加Angular Material：

ng add @angular/material

ng generate

ng generate命令用于创建组件、服务、指令、管道等Angular项目中常用的元素。

语法

ng generate <schematic> <name> [options]

参数

• <schematic>：要创建的元素的类型。包括component、service、directive、pipe等。
• <name>：要创建的元素的名称。
• [options]：命令的选项。

例子

创建一个名为hello的组件：

ng generate component hello

ng update

ng update命令用于更新Angular项目中的依赖包。

语法

ng update [options]

参数

• [options]：命令的选项。

例子

更新所有依赖包：

ng update

ng config

ng config命令用于配置Angular项目。

语法

ng config <a | get | set | delete | help | [json-path]>

参数

• <a>：别名add。
• <get>：获取当前项目的配置信息。
• <set>：设置当前项目的配置信息。
• <delete>：删除当前项目的配置信息。
• <help>：查看帮助。
• [json-path]：查询指定的配置项。

例子

设置项目端口号为4200：

ng config projects.my-project.architect.serve.options.port 4200

ng version

ng version命令用于显示当前项目的版本信息。

语法

ng version [options]

参数

• [options]：命令的选项。

例子

显示当前项目的版本信息：

ng version

以上就是介绍的Angular CLI-ng新命令，使用这些新命令能够让你更好的构建和维护Angular项目。