在前端开发中，经常需要使用 Angular 框架进行开发。generator-ng-cli 是一个帮助我们快速创建 Angular 应用的 npm 包，本文将为大家介绍如何使用 generator-ng-cli，并提供具体的使用示例。
安装
首先，我们需要安装 generator-ng-cli 这个 npm 包，可以通过以下命令来进行安装：
npm install -g yo generator-ng-cli
安装完成后，我们可以通过以下命令来查看 generator-ng-cli 是否安装成功：
yo ng-cli --version
创建应用
我们可以通过以下命令来创建一个新的 Angular 应用：
yo ng-cli my-app
其中，my-app 表示应用的名称。执行完该命令后，generator-ng-cli 将会自动创建一个名为 my-app 的 Angular 应用。
生成组件、服务、指令等
除了应用程序外，generator-ng-cli 还可以帮助我们快速生成 Angular 中的组件、服务、指令等。以下是使用 generator-ng-cli 生成一个组件的示例：
yo ng-cli:component my-component
该命令将在当前项目中的 components 目录下创建一个名为 my-component 的组件。
同样地，我们还可以使用以下命令来生成服务：
yo ng-cli:service my-service
该命令将在当前项目中的 services 目录下创建一个名为 my-service 的服务。
构建和启动应用
在我们完成应用的开发后，可以使用以下命令来构建应用：
npm run build
该命令将会构建项目，并将应用文件打包到 dist 目录下。接下来，我们可以使用以下命令来启动我们的应用：
npm run start
该命令将会启动应用，并将应用运行在 http://localhost:4200 地址上。我们可以通过浏览器访问该地址，来访问我们的应用。
小结
以上就是使用 generator-ng-cli 的基本操作，通过使用 generator-ng-cli，我们可以快速创建 Angular 项目，生成组件、服务等。在实际开发中，可以大大提高我们的开发效率。
示例代码：
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------------ --------- ------------------- ------------ -------------------------------- ---------- -------------------------------- -- ------ ----- -------------------- - ----- - ------------- -------- -
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class MyService {
constructor() { }
}来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cb081e8991b448e61f2