全局安装 Angular CLI

网上关于Angular CLI的安装指南有很多,但总是缺一些细节,而这些细节总是导致各种各样的错误。现将安装过程记录如下。

安装前提:Nodejs已安装!Nodejs中包含npm,可用来下载各种工具插件。

安装步骤
(1)若之前安装过Angular CLI,则需要卸载,并清空缓存。

npm uninstall -g angular-cli
npm cache clean --force

若清空缓存出现Error,则可执行

npm cache clear --force && npm install --no-shrinkwrap --update-binary

(2)设置淘宝代理,以安装cnpm。cnpm可代替npm,命令格式相同。

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

(3)重启命令行或者查看cnpm版本号

该步骤是重要的,否则可能因此一些不好解释的问题~

cnpm -v

(4)使用cnpm安装Angular CLI

cnpm install -g angular-cli@latest

(5)设置cnpm为global packageManager

若此时,创建工程,仍会报错!原因在于global packageManager仍是npm。

创建工程指令为:

ng new myheros

myheros为工程名称

全局安装 Angular CLI_第1张图片

执行指令,将cnpm设置为global packageManager

ng set --global packageManager=cnpm

之后创建工程myheros

全局安装 Angular CLI_第2张图片

至此,工程创建完毕。可按照Angular教程,继续之后操作。

你可能感兴趣的:(全局安装 Angular CLI)