如何在 Visual Studio Code 中创建新的 Angular 项目 - JavaScript

在 Visual Studio Code 中，我们可以使用 Angular CLI（命令行界面）来快速创建一个新的 Angular 项目。以下是如何在 Visual Studio Code 中创建新的 Angular 项目的步骤。

前置条件

• Node.js 和 npm 安装好了。

步骤

1. 打开 Visual Studio Code，并打开终端（Terminal）。

2. 在终端中运行以下命令安装 Angular CLI：

npm install -g @angular/cli

3. 创建新的 Angular 项目。

在终端中运行以下命令：

ng new my-app

这将会创建一个新的名为 my-app 的 Angular 项目。在创建过程中，你可以根据提示选择需要的设置。

4. 进入项目目录。

cd my-app

5. 启动 Angular 应用程序。

在终端中运行以下命令：

ng serve

这将会启动一个本地服务器，并在浏览器中打开 http://localhost:4200/。如果一切运行正常，你应该能够看到一个欢迎界面。

6. 在 Visual Studio Code 中打开项目。

点击 Visual Studio Code 的“文件”（File）菜单，选择“打开文件夹”（Open Folder），选择 my-app 项目的文件夹，然后点击“打开”（Open）按钮。

现在你已经成功创建了一个新的 Angular 项目，并在 Visual Studio Code 中打开了它。在此之后，你可以使用 Visual Studio Code 来编辑代码文件，并使用 Angular CLI 来构建和运行应用程序。