angular 7的安装

本文概述

  • Angular 7环境设置
  • 安装Visual Studio Code IDE或JetBrains WebStorm
  • 安装Node.js
  • 使用npm安装Angular CLI
Angular 7环境设置在此页面中,你将看到如何安装运行第一个Angular 7应用程序所需的先决条件。
安装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
angular 7的安装

文章图片
成功安装后,你将看到以下命令提示符:
angular 7的安装

文章图片
使用npm安装Angular CLI运行Angular CLI命令以安装Angular CLI
npm install -g @angular/cli

angular 7的安装

文章图片
要么
只需访问Angular CLI官方网站https://cli.angular.io/
你将看到创建Angular应用程序的整个cli命令。你需要运行第一个命令来安装Angular CLI。对于Windows和Mac,这些步骤相同。
angular 7的安装

文章图片
npm install -g @angular/cli ng new my-dream-app cd my-dream-app ng serve

你的Angular 7 Environment设置现已完成。

    推荐阅读