Angular 安装和设置：从零开始构建你的第一个 Angular 项目

Angular 是一个强大的前端框架，用于构建现代化的Web应用。在开始开发之前，你需要正确地安装和设置开发环境。本文将引导你如何安装 Node.js 和 Angular CLI，并演示如何创建一个新的 Angular 项目。

步骤1：安装 Node.js

Angular 开发环境的第一步是安装 Node.js，这是一个用于运行JavaScript代码的平台。它还附带了npm（Node Package Manager），用于安装和管理JavaScript库和工具。

1. 打开你的浏览器，访问 https://nodejs.org/。
2. 在页面上，你会看到 "LTS" 和 "Current" 两个版本。我们建议选择 "LTS" 版本，因为它是长期支持版本，更加稳定。
3. 点击下载按钮，选择适合你操作系统的版本。Windows 用户可以选择 "Windows Installer"，macOS 用户可以选择 "macOS Installer"。
4. 下载完成后，双击安装程序，按照提示完成安装。

验证安装是否成功，打开终端（命令行）并运行以下命令：

node -v
npm -v

如果分别显示了 Node.js 和 npm 的版本号，则说明安装成功。

步骤2：安装 Angular CLI

Angular CLI 是一个命令行工具，用于创建、构建和管理 Angular 项目。安装 Angular CLI 可以让你更方便地开始和管理项目。

1. 打开终端（命令行）。
2. 运行以下命令来全局安装 Angular CLI：

npm install -g @angular/cli

1. 安装完成后，你可以使用以下命令验证安装是否成功：

ng --version

步骤3：创建新的 Angular 项目

现在，你已经准备好安装和设置开发环境了。接下来，我们将使用 Angular CLI 创建一个新的 Angular 项目。

1. 打开终端（命令行）。
2. 导航到你想要创建项目的目录，运行以下命令：

ng new my-angular-app

这将创建一个名为 "my-angular-app" 的新项目。你可以将 "my-angular-app" 替换为你喜欢的项目名称。

1. 在创建项目的过程中，你会被要求选择一些配置选项，如是否使用 Angular 路由和CSS 预处理器等。按照你的偏好进行选择。
2. 创建完成后，进入项目目录：

cd my-angular-app

1. 启动开发服务器，预览你的应用：

ng serve

默认情况下，应用将在http://localhost:4200/ 上运行。打开你的浏览器并访问该地址，你将看到一个初始的Angular应用。

恭喜！你已经成功安装、设置并创建了你的第一个 Angular 项目。从这里开始，你可以探索 Angular 的各种特性和功能，构建出令人惊艳的现代Web应用。