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

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

步骤1：安装 Node.js

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

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

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

node -vnpm -v

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

步骤2：安装 Angular CLI

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

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

npm install -g @angular/cli

ng --version

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

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

ng new my-angular-app

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

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

cd my-angular-app

ng serve

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

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