Angular7简单安装教程

先决条件

在开始之前，请确保你的开发环境已经包含了 Node.js。

第一步：安装node.js

下载地址：http://nodejs.cn

安装完成后，控制台窗口node -v命令查看是否安装完成。

第二步：安装cnpm

在cmd命令窗口中直接输入下列语句：

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装淘宝npm镜像。

安装完毕之后，需输入：

cnpm -v  查看已安装的cnpm版本号

安装完成之后，关闭命令窗口，否则直接使用会出现错误。

第三步：安装angular

全局安装 Angular CLI

要想使用 cnpm 来安装 CLI，请打开终端/控制台窗口，并输入下列命令：

cnpm install –g @angular/cli@latest

第四步：检查版本

ng version 进行版本查看

第二步：创建工作区和初始应用

第一步：创建项目

进入要创建项目的目录.

在cmd命令框中输入：ng new +项目名称(这里不能使用_符号)

CLI将在运行诸如ng new 或ng add @angular/material之类的常用命令时提示用户，以帮助你发现CLI内置的路由或支持SCSS等功能。请按回车键接受默认值。

Angular CLI 会安装必要的 Angular npm 包及其它依赖。这可能要花几分钟。

还将创建下列工作区和初始项目文件：

• 一个新的工作区，根目录名叫 "项目名称"

• 一个初始的骨架应用项目，也叫 "项目名称"（但位于 src 子目录下）

• 一个端到端测试项目（位于 e2e 子目录下）

• 相关的配置文件

第二步：启动开发服务器

进入工作区目录

ng serve --open

--open（或只用-o）选项会自动打开浏览器，并访问 http://localhost:4200/。