由於Angular4升級了,舊版的Angular-Cli支持性不是很好,所以Angular-Cli也需要升級更新,本質就是刪除掉以前的,再重新安裝就好了。Angular-Cli is more than tool,it is a platform!
一、安裝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 angular-cli@latest
上面這個語句安裝的最新版本是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
有的話也要刪掉,刪掉後再運行
npm install -g @angular/cli
二、失敗以及解決辦法
1、缺少Python環境
- 下載 http://www.cnblogs.com/liangxiaojie/p/4595406.html ;
- 安裝 最好安裝在C盤;
- 配置環境變量,有些同學是在公司,有時候沒有權限配置系統環境變量,那麼在用戶變量哪裏配置也是可以的電腦->屬性->高級配置->環境變量->把安裝的Python路徑複製到path裏面就可以了 。