如何安装 Angular 7?

2024 年 11 月 12 日 | 2 分钟阅读

Angular 7 环境搭建

在此页面中,您将了解如何安装运行您的第一个 Angular 7 应用程序所需的先决条件。

安装 Visual Studio Code IDE 或 JetBrains WebStorm

您必须拥有像 Visual Studio Code IDE 或 JetBrains WebStorm 这样的 IDE 才能运行您的 Angular 7 应用程序。

VS Code 轻巧且易于设置,它具有各种内置的代码编辑、格式化和重构功能。 它是免费使用的。 它还提供了大量的扩展,可以显着提高您的工作效率。

您可以从这里下载 VS Code:https://vscode.js.cn

JetBrains WebStorm 也是开发 Angular 7 应用程序的一个很棒的 IDE。 它是一款快速、有吸引力且非常易于使用的软件,但它不是免费使用的。 您必须稍后购买它,它只提供 30 天的免费试用期。

您可以从这里下载 VS Code:https://www.jetbrains.com/webstorm/download/#section=windows

在本教程中,我们使用 JetBrains WebStorm。

安装 Node.js

您应该安装 node.js 才能运行您的 Angular 7 应用程序。 它管理 npm 依赖项,并在加载特定页面时支持某些浏览器。 它提供了运行 Angular 项目所需的库。 Node.js 将您的运行时环境作为您的 localhost 提供。

了解如何安装 node.js:install-nodejs

只需访问 node.js 官方网站 https://node.org.cn/en/

下载并安装最新版本的 node.js。 在我的例子中,它是 11.8.0

How to install Angular 7

成功安装后,您将看到如下命令提示符

How to install Angular 7

使用 npm 安装 Angular CLI

运行 Angular CLI 命令来安装 Angular CLI

How to install Angular 7

只需访问 Angular CLI 官方网站 https://cli.angular.io/

您将看到创建 Angular 应用程序的整个 cli 命令。 您需要运行第一个命令来安装 Angular CLI。 这些步骤对于 Windows 和 Mac 都是一样的。

How to install Angular 7

您的 Angular 7 环境设置现已完成。