设置新的 Angular 项目 - JavaScript

如果您想要开始使用 Angular 构建 Web 应用程序，那么设置一个新的 Angular 项目是您需要做的第一件事。在本指南中，我们将向您介绍如何使用 JavaScript 设置一个新的 Angular 项目。

步骤 1：安装 Node.js 和 npm

首先，您需要安装 Node.js 和 npm（Node.js 的包管理器）。您可以通过 Node.js 官网下载适用于您的操作系统的安装包。安装完成后，打开终端（Windows 用户则是命令提示符或 PowerShell），输入以下命令检查 Node.js 和 npm 是否正确安装：

node -v
npm -v

如果您看到了类似 v14.16.0 和 6.14.11 的输出，那么说明 Node.js 和 npm 都已经正确安装。

步骤 2：安装 Angular CLI

接下来，您需要安装 Angular CLI。它是一个用于生成、开发、测试和发布 Angular 应用程序的命令行界面工具。在终端中输入以下命令进行安装：

npm install -g @angular/cli

此命令将会安装最新版本的 Angular CLI。

步骤 3：创建 Angular 项目

现在，您可以通过 Angular CLI 创建 Angular 项目了。在终端中输入以下命令：

ng new my-app

此命令将会创建一个名为 my-app 的新项目，并在该目录下生成一些 Angular 自动生成的文件和目录。其中，my-app 表示您的项目名称，您可以将其替换为您自己的名称。

Angular CLI 还会提示您选择一个样式表（如 CSS、SCSS、LESS 等）和一些其他设置。您可以按照自己的喜好进行选择，也可以保留默认设置。

步骤 4：启动开发服务器

在项目创建成功后，您可以通过以下命令启动开发服务器：

cd my-app
ng serve --open

此命令将启动开发服务器，并打开浏览器窗口。在浏览器中，您将看到一个欢迎页面。如果看到了这个页面，说明你已经成功的设置了一个新的 Angular 项目。

提示：在开发服务器运行期间，您可以通过进行更改以实时重新加载浏览器。

结论

通过完成以上 4 个步骤，您已经成功地设置了一个新的 Angular 项目。现在，您可以开始使用 Angular CLI 构建您的 Web 应用程序，并利用 Angular 提供的众多功能和特性。如有疑问，可以通过查阅 Angular 官方文档来获取更多信息。