Angular CLI 安装及使用指南

Angular CLI 是 Angular 官方推出的命令行工具，可以帮助开发者快速创建、启动、构建和测试 Angular 应用。在前端开发中，几乎所有的 Angular 项目都采用了 Angular CLI 来完成项目的开发工作。

本篇文章将为大家介绍如何安装 Angular CLI，以及如何使用 Angular CLI 在 Angular 项目中进行开发。

安装 Angular CLI

安装 Angular CLI 的前提是已安装 Node.js。如果您还未安装 Node.js，请先访问 Node.js 官网 安装 Node.js。

1. 打开命令行工具（如：终端、PowerShell 等），输入以下命令安装 Angular CLI：

npm install -g @angular/cli

1. 安装成功后，输入以下命令验证是否安装成功：

ng version

如果版本信息输出则表示安装成功。

使用 Angular CLI

创建新项目

在打开的命令行工具中，输入以下命令创建新的 Angular 项目：

ng new my-app

其中，“my-app” 表示项目名称，可根据自己的需要修改。

等待项目创建完成后，进入项目文件夹：

cd my-app

运行项目

在项目文件夹中，输入以下命令启动项目：

ng serve

等待项目启动完成后，在浏览器中输入 http://localhost:4200 访问项目。

生成组件

在项目中，我们可以使用 Angular CLI 生成组件。在命令行工具中，输入以下命令生成新的组件：

ng generate component my-component

其中，“my-component” 表示组件名称，可根据自己的需要修改。

运行测试

在项目中使用 Angular CLI 运行测试非常方便。在命令行工具中，输入以下命令运行测试：

ng test

构建应用

在项目开发完成后，可以使用 Angular CLI 构建应用。在命令行工具中，输入以下命令构建应用：

ng build

构建完成后，可以在 dist 文件夹中找到构建好的应用。

总结

本文介绍了 Angular CLI 的安装方法和使用方法，并且详细讲解了如何创建新项目、运行项目、生成组件、运行测试以及构建应用。通过阅读本文，相信大家已经掌握了 Angular CLI 的基本用法，可以使用 Angular CLI 更加高效地开发 Angular 应用。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b76038add4f0e0fffef835