1. 程式人生 > >安裝Angular-Cli

安裝Angular-Cli

經過n次的失敗安裝,終於在最後一次安裝成功,為了使同學們少走彎路,現將經驗寫下來:

1、檢視你的node以及npm版本:

node -v   檢視node版本

npm -v    檢視npm版本

要求所有版本都是最新的,不然可能會出錯。

2、設定淘寶映象,這樣下載東西就是從國內網站下載了,網速更快

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

3、因為angular-cli是用typescript寫的,所以要先裝這兩個:

npm install -g typescript typings

4、安裝angular-cli:

npm install -g [email protected]

上面這個語句安裝的最新版本是28.3,[email protected]: 並且可能會報這個錯

 

npm WARN deprecated [email protected]: angular-cli has been renamed to @angular/cli. Please update

your dependencies.

 

最新版安裝應該是

npm install -g @angular/cli

安裝成功之後,這時執行ng -v是這樣的

_ _ ____ _ ___

/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|

/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |

/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |

/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|

|___/

@angular/cli: 1.3.2

node: 8.4.0

os: win32 x64

 

 

包之間的依賴也發生改變了。

如果你之前安裝失敗過,最好在安裝angular-cli之前先解除安裝乾淨,用以下兩句:

解除安裝舊版本

npm uninstall -g angular-cli

npm cache clean

 

解除安裝新版本

npm uninstall @angular/cli

 

可能新版本會提示使用npm cache verify刪除,可能刪除不成功,強制刪除

npm cache verify --force

同時,在檢查你全域性的那些npm檔案下還殘留下圖這兩個檔案,

路徑:C盤-->使用者-->你登入的賬戶-->AppData-->Roaming-->npm

ng和ng.cmd


有的話也要刪掉,刪掉後再執行

npm install -g @angular/cli