前言
随着前端技术日新月异，前端工程师面对越来越复杂的web应用程序，需要选择一个好的开发框架来提高工作效率。Angular.js 是一个领先的前端框架，让我们的app更加强大、高效、有趣。Angular 提供了丰富的组件，指令和服务，使得我们的代码更加可读和可维护。
对于 Angular.js 的新手，可能会面临对安装，配置和构建等感到困扰，因此本文将介绍 Angular CLI，一个命令行工具，可帮助我们快速，方便地创建和构建 Angular 应用程序。
简述 Angular CLI
Angular CLI 是一个官方支持的命令行工具，用于创建，构建和管理 Angular 应用程序。使用 Angular CLI 可以自动创建骨架代码，并自动安装依赖项，同时可以根据需要添加组件，指令和服务。这些特性使得 Angular CLI 成为最流行的 Angular 开发工具之一。
使用 Angular CLI，我们可以：
- 创建新的 Angular 应用程序
- 生成组件，模块，服务，指令和管道
- 运行开发服务器
- 运行单元测试
- 构建生产版本
以下是Angular CLI 安装和使用的步骤。
安装和配置 Angular CLI
安装 Angular CLI 首先需要确保你的电脑中安装了 Node.js 和 npm，如果没有安装，可以在 https://nodejs.org/ 下载安装。
步骤1：全局安装 Angular CLI
npm install -g @angular/cli
步骤2：创建新项目
创建一个新的 Angular 项目有两种方法：
方式1： 使用 ng new 命令创建新项目
ng new my-app
这将会创建一个名为 "my-app" 的新项目。在创建完成后，请进入项目目录并启动开发服务器。
cd my-app ng serve --open
ng serve 命令开启开发服务器，默认在 http://localhost:4200/ 上。
方式2： 使用 Angular CLI 命令行交互式选项进行创建
ng new
选择你想使用的选项进行配置，例如项目名称，样式和初始路由等。项目配置完成后，进入项目目录并启动开发服务器。
cd my-app ng serve --open
步骤 3：创建组件
使用 ng generate 命令创建组件。
ng generate component my-component
生成的组件的文件在 app 文件夹下，组件的样式表、模板和组件源码都在该文件夹下。
步骤4：运行开发服务器
使用 ng serve 命令启动开发服务器。
ng serve
步骤5：构建生产版本
使用 ng build 命令构建生产版本
ng build --prod
上述命令将在 dist/ 目录下生成最终的文件。
结论
Angular CLI 提供了强大的命令行工具，可以帮助我们快速，方便地创建和构建 Angular 应用程序。学会使用 Angular CLI，将大大提高我们的工作效率，节省开发时间，让我们的应用程序更加强大和高效。刚开始学习 Angular 的同学，建议从 Angular CLI 入手，这将成为快速进入 Angular 世界的一大助力。
代码示例
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------------ --------- --------------- --------- ----------- ------------ -- ------ ----- ----------- - ------------- - - -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672058332e7021665e01d15e