安裝過(guò)angular的胖友一定經(jīng)歷過(guò)使用npm安裝angular時(shí),無(wú)數(shù)次的安裝卸載還總是報(bào)錯(cuò)待诅,偏偏npm安裝還賊慢叹坦,那個(gè)郁悶與無(wú)奈。這里分享下本人的解決方法卑雁,希望可以幫助到有需要的人募书。
一、先決條件
在開(kāi)始之前测蹲,請(qǐng)確保你的開(kāi)發(fā)環(huán)境已經(jīng)包含了 Node.js? 和 npm 包管理器莹捡。Angular 需要 Node.js 的 8.x 或 10.x 版本。
1扣甲、要想檢查你的版本篮赢,請(qǐng)?jiān)诮K端/控制臺(tái)窗口中運(yùn)行 node -v 命令。
2琉挖、要想安裝 Node.js荷逞,請(qǐng)?jiān)L問(wèn) nodejs.org。
npm全名node package manager粹排,是nodejs的包管理器种远,用于node的插件管理,包括安裝顽耳、卸載坠敷、管理依賴(lài)等妙同。由于npm安裝插件是從國(guó)外服務(wù)器下載,受網(wǎng)絡(luò)的影響比較大膝迎,導(dǎo)致使用npm安裝angular時(shí)非常慢粥帚,可能會(huì)出現(xiàn)異常,因此推薦使用淘寶鏡像cnpm限次。cnpm是一個(gè)完整 npmjs.org 鏡像芒涡,你可以用此代替官方版本。
二卖漫、安裝步驟
2.1 安裝cnpm
在安裝cnpm之前费尽,建議配置下npm的全局模塊的存放路徑以及cache的路徑。默認(rèn)路徑為C:\Users\用戶(hù)名\AppData\Roaming\npm和C:\Users\用戶(hù)名\AppData\Roaming\npm-cache羊始。筆者nodejs的安裝路徑為C:\Program Files\nodejs旱幼,此處選擇將其放在該目錄下,在控制臺(tái)執(zhí)行如下命令突委。
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache"C:\Program Files\nodejs\node_cache"
執(zhí)行完成后可以在文件夾中看到對(duì)應(yīng)的文件夾柏卤,如下:
完成以上操作后,將C:\Program Files\nodejs\node_global 添加到系統(tǒng)環(huán)境變量Path中匀油。
安裝淘寶鏡像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
執(zhí)行cnpm -v出現(xiàn)如下提示表示安裝成功缘缚。
2.2 安裝angular
cnpm install -g @angular/cli
cnpm install @angular/cli
安裝完angular,執(zhí)行npm install -g rxjs-tslint安裝tslint敌蚜。執(zhí)行ng --version可以查看angular的版本忙灼。
2.3 卸載angular
卸載已安裝的angular
cnpm uninstall -g @angular/cli
cnpm uninstall @angular/cli
npm cache clean
若出現(xiàn)無(wú)法卸載,強(qiáng)制執(zhí)行npm cache verify --force钝侠,卸載完成后使用ng --version確認(rèn)是否卸載成功。
卸載已安裝的cnpm
npm uninstall cnpm -g
2.4 安裝指定版本angular
cnpm install @angular/cli@latest? 安裝最新版本angular
cnpm install @angular/cli@7.2.1 安裝7.2.1版本angular
三酸舍、問(wèn)題
3.1?Error: Cannot find module 'node-sass'
執(zhí)行cnpm install node-sass --save-dev帅韧,安裝node-sass模塊即可解決。
3.2 使用cnpm安裝模塊啃勉,同時(shí)使用npm安裝模塊報(bào)錯(cuò)
建議只使用以上其中一種來(lái)進(jìn)行模塊的安裝忽舟,否則可能出現(xiàn)錯(cuò)誤。本文所有操作都是基于cnpm淮阐,你也可以使用npm來(lái)進(jìn)行安裝叮阅。
【參考資料】