如何使用命令提示符在 Windows 11 或 10 上安装 Angular

Angular 是一款流行且强大的前端开发框架，它可以帮助开发者构建出现代化的、可扩展的 Web 应用程序。如果你是一名 Windows 11 或 10 用户，并且希望在自己的系统上安装 Angular，那么本文将为你提供一份详细的安装指南。

步骤 1：安装 Node.js

在安装 Angular 之前，首先需要在你的系统上安装 Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，它可以让你在服务器端运行 JavaScript 代码。Angular CLI（命令行界面）依赖于 Node.js 和 npm（Node 包管理器），因此安装 Node.js 是安装 Angular 的第一步。

要安装 Node.js，你可以按照以下步骤进行操作：

1. 打开你的浏览器，并访问 Node.js 的官方网站（https://nodejs.org）。
2. 在网站的首页上，你将看到两个不同的版本的 Node.js，一个是长期支持版（Long Term Support，LTS），另一个是最新版（Latest）。长期支持版是推荐的版本，因为它在稳定性和可靠性方面经过了更长时间的测试和验证。
3. 根据你的个人喜好和需求，选择一个版本并点击相应的下载按钮。
4. 在下载页面上，你将看到可用于不同操作系统的不同安装程序。根据你的 Windows 系统版本选择合适的安装程序，并点击下载。
5. 下载完成后，双击下载的安装程序，按照提示进行安装。在安装过程中，你可以接受默认设置。
6. 安装完成后，打开命令提示符（按下 Win+R 键，输入 cmd 并按下 Enter 键），输入 node -v 和 npm -v 命令，分别验证 Node.js 和 npm 是否成功安装。

步骤 2：安装 Angular CLI

一旦你成功安装了 Node.js，下一步就是安装 Angular CLI。Angular CLI 是一个命令行工具，它简化了 Angular 项目的创建、构建、测试和部署过程。

要安装 Angular CLI，你可以按照以下步骤进行操作：

1. 打开命令提示符，输入以下命令来安装 Angular CLI：npm install -g @angular/cli
2. 等待安装完成。安装过程可能需要一些时间，具体时间取决于你的网络速度。
3. 安装完成后，输入 ng --version 命令来验证 Angular CLI 是否成功安装。你将看到安装的 Angular CLI 版本号。

步骤 3：创建 Angular 项目

现在，你已经安装了 Node.js 和 Angular CLI，可以开始创建你的第一个 Angular 项目了。

要创建一个新的 Angular 项目，你可以按照以下步骤操作：

1. 打开命令提示符，进入你想要创建项目的目录。
2. 运行以下命令来创建一个新的 Angular 项目：ng new my-angular-app（注意将 my-angular-app 替换为你喜欢的项目名称）。这个命令将在当前目录下创建一个名为 my-angular-app 的新文件夹，并生成一个基本的 Angular 项目结构。
3. 等待项目创建完成。创建过程可能需要一些时间，具体时间取决于你的系统性能和网络速度。
4. 创建完成后，进入新创建的项目目录：cd my-angular-app

步骤 4：运行 Angular 项目

现在，你已经成功创建了一个 Angular 项目，可以运行它并在浏览器中查看。

要运行 Angular 项目，你可以按照以下步骤操作：

1. 打开命令提示符，确保当前目录在你的 Angular 项目根目录下。
2. 运行以下命令来启动 Angular 项目：ng serve
3. 等待项目启动完成。启动过程可能需要一些时间，具体时间取决于你的系统性能和项目规模。
4. 启动完成后，打开你的浏览器，并访问 http://localhost:4200。你将看到你的 Angular 项目正在运行。

结论

通过本文，你已经学会了如何使用命令提示符在 Windows 11 或 10 上安装 Angular。首先，你安装了 Node.js，并验证了安装结果。然后，你安装了 Angular CLI，以便创建和管理 Angular 项目。最后，你创建并启动了一个 Angular 项目，并在浏览器中查看了项目运行结果。

希望本文对你理解如何在 Windows 11 或 10 上安装 Angular 有所帮助。祝你在使用 Angular 开发前端应用程序时取得成功！