1. 程式人生 > >全域性安裝 Angular CLI

全域性安裝 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為工程名稱

這裡寫圖片描述

執行指令,將cnpm設定為global packageManager

ng set --global packageManager=cnpm

之後建立工程myheros

這裡寫圖片描述

至此,工程建立完畢。可按照Angular教程,繼續之後操作。