5 环境搭建之安装Angular CLI

在上一节中，我们成功安装了Node.js和npm（Node.js包管理器）。这为我们后续的开发打下了良好的基础。现在，我们将继续搭建开发环境，重点是安装Angular CLI，这是一个强大的命令行工具，可以帮助我们快速创建、管理和构建Angular应用。

什么是Angular CLI？

Angular CLI（Command Line Interface）是Angular团队提供的一个开源工具，它可以极大地简化Angular项目的开发过程。使用CLI，开发者可以通过简单的命令来生成项目、组件、服务等代码，并且可以轻松地构建和测试应用。

步骤一：安装Angular CLI

在安装Angular CLI之前，确保你已经成功安装了Node.js和npm。可以通过在命令行中执行以下命令来验证：

node -v
npm -v

接下来，我们可以使用npm来安装Angular CLI。打开你的命令行终端，并运行以下命令：

npm install -g @angular/cli

这里的-g选项表示全局安装，这样你就可以在任何地方访问Angular CLI。安装完成后，可以使用以下命令检查是否安装成功：

ng version

如果看到版本信息，说明Angular CLI安装成功了。

步骤二：了解常用命令

安装完Angular CLI后，熟悉一些常用的命令会对后续的开发有所帮助。以下是一些常用的命令及其简单说明：

1. 生成新项目：

   ng new my-angular-app

   这条命令将会生成一个新的Angular项目，项目名称为my-angular-app。

2. 运行开发服务器：

   ng serve

   这条命令会启动开发服务器，默认情况下，可以在浏览器中访问http://localhost:4200查看应用。

3. 生成组件：

   ng generate component my-component

   此命令会在当前项目中生成一个新的组件，名称为my-component。

4. 生成服务：

   ng generate service my-service

   这条命令将生成一个新的服务，名称为my-service。

步骤三：验证安装

为了确保Angular CLI安装成功，并能够正常工作，我们可以创建一个简单的Angular项目。执行以下命令：

ng new my-first-app

在命令行中，它会询问你一些项目配置选项，比如是否使用Angular routing和选择CSS预处理器。根据需求选择后，CLI将开始创建项目。

创建完成后，切换到项目目录：

cd my-first-app

然后运行开发服务器：

ng serve

打开浏览器，访问http://localhost:4200，你将看到Angular默认的欢迎页面。这表明你的环境已经成功搭建，可以开始开发Angular应用了。

小结

在本节中，我们详细介绍了如何安装Angular CLI及其常用命令。同时，我们还创建了一个简单的Angular项目以验证安装的成功。此时，你已经为接下来的Angular开发打下了坚实的基础。

在下一篇文章中，我们将继续深入，学习如何创建第一个Angular项目，探索其结构和基本功能。让我们拭目以待！