@angular/cli 安装指南

本文参考 https://github.com/angular/angular-cli
http://blog.csdn.net/hengliang_/article/details/61616222

Angular的安装很麻烦，试了很多次都不成功。整理最近的安装过程 。

---

清除之前的安装

———如果是之前安装过angular不成功，从这里开始———

卸载Node.js与npm包

你完全可以不用选用如此极端的方式，而是选择下一种方式“卸载之前安装的angular-cli或@angular/cli”。
我的Angular总是装不成功，一气之下卸载了Node.js, 删除了所有npm包。

C:\Users\<用户名>\AppData\Roaming\npm
C:\Users\<用户名>\AppData\Roaming\npm-cache

卸载之前安装的angular-cli或@angular/cli

当然你也可以只是卸载之前安装的angular-cli或@angular/cli。
如果你之前安装失败过，最好在再次安装之前先卸载干净，用以下两句：

--npm uninstall -g angular-cli
npm uninstall -g @angular/cli
npm cache clean

---

安装Node.js

———如果是首次安装，从这里开始———
（需要准备Node.js 6.9.0或更高版本, 附带要 NPM 3或更高版本）。
搭建@angular/cli首先需要在windows上装Node.js。从Node.js官网下载安装LTS版本v8.9.1。然后一路next,默认是装到C盘的，我就装到了C盘。
最后测试node是否安装成功，打开cmd,输入node -v,如果出现版本信息，证明安装成功，反之，亦然。

note -v
npm -v

安装@angular/cli

添加淘宝的npm镜像（由于国内访问国外网站的速度实在是太慢了），由于我们只有要用到的一些东西，我们采用以下的添加镜像方法

npm config set registry https://registry.npm.taobao.org

安装cnpm（从此你都可以用cnpm，忘了npm）

npm install -g cnpm

安装@angular/cli

cnpm install -g @angular/cli

查看安装的版本

ng -v

设置全局包管理器

ng set --global packageManager=cnpm

新建Angular项目

ng new projectName
cd projectName
ng serve

浏览器访问

http://localhost:4200/

当然你也可以设置HTTP的IP地址与端口号 ，然后访问该IP与端口号:

ng serve --host 0.0.0.0 --port 4201

发布Build

编译应用到输出目录（dist目录）。

开发调试

请用下面这个命令，等同于“ng build –dev”。

ng build

对外发布

请用下面这个命令。正常应该使用“ng build –prod”命令，但会有错误出现。

ng build –prod –no-extract-license

大功告成。

详细说明 https://github.com/angular/angular-cli