## 指路牌
* nvm-windows
* nvm映象源設定
* nvm使用過程中的坑
* nvm安裝成功，node安裝成功，能工作，但是npm使用時報錯

## 適用場景
接手**祖傳**舊程式碼，node版本太高導致無法執行成功。或同時需要使用多個版本node。

## 環境
windows 10 64bit

## 參考部落格
雨臨Lewis -- [Windows下完全解除安裝node.js並安裝node.js的多版本管理工具nvm-windows](https://blog.csdn.net/lewky_liu/article/details/87959839)

蓓蕾心晴 -- [windows下nvm安裝node之後npm命令找不到問題解決辦法](https://www.bbsmax.com/A/1O5EPPR3J7/)

## 背景
**不註明環境和版本的教程都是耍流氓**，在剛開始接觸一門新技術或者新框架時，我們時常會去搜尋別人的hellow world教程，但是很氣的是，按照步驟無論如何都是不成功，
在我碰到的這類的坑，基本都是環境和版本不同導致的.....(除了和網路相關的)

例如最近看的一位前輩關於以太坊教程，和現在還沒爬出坑的接手的一個2年前Angular的專案。本篇是下一篇關於以太坊文章的前置文章，因為那一篇教程需要使用舊版本的node。

## 思路
1. 解除安裝node
2. 刪除路徑以及殘留檔案
3. 安裝nvm-windows
4. 配置映象源

## 步驟
1. 解除安裝系統上現有node（如果有）
    > 此處基於[windows下nvm安裝node之後npm命令找不到問題解決辦法](https://www.bbsmax.com/A/1O5EPPR3J7/)，在此基礎上簡化和完善。
    * 在解除安裝程式中解除安裝node
    * 在環境變數中刪除所有與node相關的路徑(無論是user級，還是system級)
    * 刪除以下路徑的檔案(可能只有部分檔案才有)
        > C:\Program Files (x86)\nodejs
        > C:\Program Files\nodejs
        > C:\Users\{User}\AppData\Roaming\npm
        > C:\Users\{User}\AppData\Roaming\npm-cache
        > C:\Users\{User}\node_modules (在我電腦上的路徑)
2. 下載最新版nvm並安裝[nvm-setup.zip](https://github.com/coreybutler/nvm-windows/releases)
3. 更換映象源
在` 路徑 C:\Users\{User}\AppData\Roaming\nvm\settings.txt`下新增以下兩條
```
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
```
>此時如果你還仔細觀察，會發現`C:\Program Files`下的nodejs問家家其實是一個快捷方式，指向的是nvm的安裝路徑`C:\Users\i353667\AppData\Roaming\nvm`下對應的node版本。
4. nvm的使用
```
# get available node version list
    nvm list available
# install specific node version you need
    nvm install The_Version_You_Need
# list the node you have installed in your PC
    nvm list
# switch node version you need 
    nvm use The_Version_You_Need
```

## 錯誤處理
在Windows上nvm的常見錯誤解決方案基本都能搜尋到，有一個特殊的我沒檢索到的這裡列一下。

* 現象：nvm install指定版本的node，並切換後，使用node指令正常，比如`node --version`,但是使用`npm`指令會報錯，且報錯根據node 版本會不同，但是根本上都是npm找不到。此時如果你開啟`C:\Users\{User}\AppData\Roaming\nvm\v9.11.1\node_modules`，發現沒有npm資料夾，那就是這個問題。

* 解決方案
解除安裝當前版本，重新安裝。有時我重複了兩次才成功，成功標誌就是node_modules資料夾下npm資料夾出現，或者命令列呼叫npm不報錯。

####
***要獲取更多Haytham原創文章，請關注公眾號"許聚龍":***
![我的微信公眾號](https://user-images.githubusercontent.com/37465243/63688227-5b2ede00-c839-11e9-9aa9-2b461444f463.png)

Windows nvm的安裝使用(及排坑)

相關文章