作为一名前端开发者，我们经常需要创建项目、搭建框架等等的工作。但是这些工作往往是重复性的，有些枯燥。这时候，我们就可以通过使用一个基于 Angular 的脚手架工具 @ngx-rocket/cli 来提高我们的开发效率。
安装
@ngx-rocket/cli 是一个 NodeJS 工具，所以我们需要先安装 NodeJS。在 NodeJS 安装成功后，我们可以使用命令行安装 @ngx-rocket/cli:
npm i -g @ngx-rocket/cli
安装完成后，我们可以使用如下命令检查是否安装成功:
rocket
如果安装成功会显示如下信息:
-- -------------------- ---- ------- ------ ------ ------- --------- ----------- ------ --------- --- --------- ------ ------ - --- ------- ------ ------- --------- ------------ ------- - ------- -- --- ------ ------- -- --------- --- ---- ---- --------- --------- --- -------- ---- ------- ---- --- ------ -- ---------------- ------- ------- --------- -------- --------- ----------- --- - --------- --- -- -------- -------
创建项目
创建项目只需要一个命令：
rocket new my-new-app
其中 my-new-app 是我们要创建的项目名称。
这条命令会基于 @ngx-rocket 的一个种子项目创建一个新的 Angular 项目。执行命令后，我们可以根据提示进行选择，例如选择使用路由、选择使用哪种 CSS 预处理器等等。
当选择完成之后，@ngx-rocket/cli 会自动解析选择并根据选择生成我们需要的代码结构和依赖。
使用 @ngx-rocket/cli
@ngx-rocket/cli 提供了许多命令来快速帮助我们创建 Angular 应用程序。下面介绍几个常用的命令。
生成组件
使用 @ngx-rocket/cli 可以很方便地生成组件，只需要一个命令：
rocket generate <component-name>
其中 component-name 是组件名称。@ngx-rocket/cli 会根据名称在 app 目录下生成组件所需要的模板文件和样式文件。示例代码如下：
rocket generate home
运行后会在项目的 app 目录下生成如下代码：
import { Component } from '@angular/core';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent { }生成服务
使用 @ngx-rocket/cli 可以很方便地生成服务，只需要一个命令：
rocket generate <service-name>
其中 service-name 是服务名称。@ngx-rocket/cli 会在 app/services 目录下生成服务文件。示例代码如下：
rocket generate logger
运行后会在 app/services 目录下生成如下代码：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
-------------
----------- ------
--
------ ----- ------------- -
------------ -------- ---- -
-------------------- -------------
-
-生成模型
使用 @ngx-rocket/cli 可以很方便地生成模型，只需要一个命令：
rocket generate <model-name>
其中 model-name 是模型名称。@ngx-rocket/cli 会在 app/models 目录下生成模型文件。示例代码如下：
rocket generate user
运行后会在 app/models 目录下生成如下代码：
export class User {
id: number;
name: string;
email: string;
}总结
使用 @ngx-rocket/cli 可以快速搭建 Angular 应用程序，节省了我们大量的时间和精力。上文介绍了如何安装和使用 @ngx-rocket/cli，以及如何快速生成组件、服务和模型，帮助我们更快速、更高效地完成项目开发。
@ngx-rocket/cli 的更多使用方法和详细文档请参考官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057ae481e8991b448eb69f