网上关于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为工程名称
执行指令,将cnpm设置为global packageManager
ng set --global packageManager=cnpm
之后创建工程myheros
至此,工程创建完毕。可按照Angular教程,继续之后操作。