本文概述
- Angular 7环境设置
- 安装Visual Studio Code IDE或JetBrains WebStorm
- 安装Node.js
- 使用npm安装Angular CLI
安装Visual Studio Code IDE或JetBrains WebStorm你必须具有Visual Studio Code IDE或JetBrains WebStorm之类的IDE才能运行Angular 7应用程序。
VS Code轻便且易于设置,它具有广泛的内置代码编辑,格式化和重构功能。它是免费使用。它还提供了大量扩展,将大大提高你的生产率。
【angular 7的安装】你可以从此处下载VS Code:https://code.visualstudio.com
JetBrains WebStorm还是开发Angular 7应用程序的绝佳IDE。它是快速,吸引人且非常易于使用的软件,但并非免费使用。你必须稍后购买,它仅提供30天的免费试用期。
你可以从此处下载VS Code:https://www.jetbrains.com/webstorm/download/
在本教程中,我们将使用JetBrains WebStorm。
安装Node.js你应该安装node.js来运行Angular 7应用程序。它管理npm依赖项,在加载特定页面时支持某些浏览器。它提供了运行Angular项目所需的库。 Node.js将运行时环境用作本地主机。
查看如何安装node.js:install-nodejs
要么
只需访问node.js官方网站https://nodejs.org/en/
下载并安装最新版本的node.js。就我而言,是11.8.0
文章图片
成功安装后,你将看到以下命令提示符:
文章图片
使用npm安装Angular CLI运行Angular CLI命令以安装Angular CLI
npm install -g @angular/cli
文章图片
要么
只需访问Angular CLI官方网站https://cli.angular.io/
你将看到创建Angular应用程序的整个cli命令。你需要运行第一个命令来安装Angular CLI。对于Windows和Mac,这些步骤相同。
文章图片
npm install -g @angular/cli
ng new my-dream-app
cd my-dream-app
ng serve
你的Angular 7 Environment设置现已完成。