Angular CLI 安装和使用教程

Angular CLI是Angular官方提供的命令行工具，它可以帮助我们更加便捷地创建、构建和管理一个Angular应用。本文将详细讲解Angular CLI的安装和使用教程。

安装Angular CLI

要使用Angular CLI，首先需要安装它。在安装前需要先安装Node.js和npm。

1. 在命令行工具中输入以下命令，安装Angular CLI：

npm install -g @angular/cli

此命令会把Angular CLI安装到全局环境中。

1. 安装完成后，在命令行工具中输入以下命令，验证是否安装成功：

ng version

运行结果如下：

``
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _ | | | | |/ ` | '__| | | | | | |
/ ___ | | | | (| | || | | (| | | | || | | |
\/ \/| ||_, |_,||_,|_| _|__||
|/

Angular CLI: 12.1.2
Node: 14.17.3
Package Manager: npm 7.19.1
OS: win32 x64

```

若出现以上跟上述内容相近的结果，则安装成功。

使用Angular CLI

Angular CLI提供了各种命令，帮助我们对Angular应用进行创建、构建、测试和部署等。下面详细介绍Angular CLI的常用命令。

创建新项目

在命令行工具中进入要创建项目的文件夹，运行以下命令，创建一个新的Angular项目：

ng new my-project

在运行命令过程中，可以按照提示进行配置。成功创建后，进入my-project文件夹，使用以下命令运行项目：

cd my-project
ng serve

然后在浏览器中输入http://localhost:4200 ，就可以看到Angular应用的欢迎页面了。

生成组件

在Angular中，组件是前端开发中的基础，使用Angular CLI可以快速地创建组件，命令如下：

ng generate component my-component

运行命令后，会在项目中自动生成my-component组件，包含my-component.component.ts、my-component.component.html和my-component.component.css三个文件。

生成服务

在Angular中，服务是用于在组件间共享数据的重要概念。使用Angular CLI可以生成服务，命令如下：

ng generate service my-service

运行命令后，会在项目中自动生成my-service服务，包含my-service.service.ts文件。

总结

本文介绍了Angular CLI的安装和使用教程，包括安装Angular CLI、创建新项目、生成组件和生成服务等。希望能为大家在使用Angular框架中提供帮助。