angular环境搭建

一、安装nodejs

登录nodejs官网，下载对应系统版本插件，Node.js插件在windows系统下是个.msi工具。安装，只要一直下一步即可。
软件会自动在写入环境变量中，这样就能在cmd命令窗口中直接使用node或npm命令。

Angular6基于node.js，所以要先安装nodejs环境。安装完成后打开DOS窗口输入“npm -v”查看是偶安装成功与版本。

二、安装cnpm（淘宝镜像）

在DOS窗口中，直接输入回车执行
npm install cnpm -g –registry=https://registry.npm.taobao.org

安装完成，输入 cnpm –v，检查是否成功

查看版本号之后，关闭命令提示符重新打开，否则，安装完毕后直接使用会出现错误。
说明。由于npm安装插件是从国外服务器下载，受网络影响很大，可能出现异常，继而淘宝团队生产一个完整的npmjs.org镜像，用cnpm代替npm，cnpm与nodejs的npm用法一致,只是在执行命令时，将npm改为cnpm。

三、安装typescript和typings

在DOS中，直接输入回车安装
cnpm install –g typescript typings

说明
angular-cli是用typescript写的，所以需要安装typescript和typings，运行完毕之后，查看版本确定是否安装成功，在命令提示符中直接输入：tsc -v

四、安装angular-cli

直接在DOS中，输入回车安装
cnpm install –g [email protected]

输入 ng -v 查看环境搭建完成

五、下载项目

从SVN上下载项目以后 选中项目“Shift+右键”打开Powershell窗口

输入cnpm install 下载项目所依赖的工程，由于文件过多，下载会异常缓慢，请耐心等待。

下载成功后。
输入 ng serve 启动项目。
注： ng serve --host 172.41.27.123 --port 4300 --open
host: 服务启动的地址。
port：服务启动的端口。
open： 启动以后使用默认浏览器打开项目主界面。

六、卸载并安装指定版本Angular CLI

1.卸载之前的版本 npm uninstall -g @angular/cli
2.清除缓存，确保卸载干净 npm cache clean
3.检查是否卸载干净 ng -v 若显示“command not found”则卸载干净
4.安装指定版本npm install -g @angular/[email protected]
5.检查版本号ng -v