天天看點

使用nvm管理多版本Node并在vsCode運作

在開發中,有時候對node的版本有要求,有時候需要切換到指定的node版本來重制問題等。遇到這種需求的時候,我們需要能夠靈活的切換node版本。

這裡我們使用

nvm

(node version manage node 版本控制器)工具來管理多版本node。

第一步:下載下傳nvm

github上下載下傳最新版本https://github.com/coreybutler/nvm-windows/releases

使用nvm管理多版本Node并在vsCode運作

nvm-noinstall.zip 是綠色免安裝版本,但是使用之前需要配置(推薦)

nvm-setup.zip: 這是一個安裝包,下載下傳之後點選安裝,無需配置就可以使用,很友善。

Source code(zip):zip壓縮的源碼

Sourc code(tar.gz):tar.gz的源碼,一般用于*nix系統

第二步:安裝nvm

我這裡以nvm-noinstall.zip 安裝為例,下載下傳完成後解壓 C:\dev\nvm ,裡面的檔案清單如下

使用nvm管理多版本Node并在vsCode運作

第一步:輕按兩下 install.cmd 然後會讓你輸入”壓縮檔案解壓或拷貝到的一個絕對路徑” 先不用管它,直接回車,成功後,會在C槽的根目錄生成一個settings.txt的文本檔案,把這個檔案剪切到C:\dev\nvm目錄中,然後我們把它的内容修改成這樣:

使用nvm管理多版本Node并在vsCode運作

root:代表的是nvm.exe運作檔案所在的路徑

path: 代表nodejs快捷方式所在的路徑(在window版本下,node的版本切換依靠的是改變nodejs快捷方式的指向,通過指向不同的node 版本,達到切換node 版本的)

arch:配置為目前作業系統的位數(32/64)

剩下的兩條分别指的淘寶的node 和npm 的鏡像檔案URL,由于國内被牆的原因,有可能會導緻下載下傳失敗,是以直接使用淘寶鏡像下載下傳。

第三步:配置環境變量

window+r 輸入sysdm.cpl 快捷方式打開系統屬性面闆,在進階裡面找到環境變量,或者在我的電腦右擊屬性——》進階系統設定——》進階-——》環境變量

使用nvm管理多版本Node并在vsCode運作

在環境變量裡建立使用者變量

使用nvm管理多版本Node并在vsCode運作

第一個:NVM_HOME = 目前nvm.exe所在目錄

使用nvm管理多版本Node并在vsCode運作

第二個:NVM_SYMLINK = node快捷方式所在的目錄

使用nvm管理多版本Node并在vsCode運作

第三個:最後再path裡添加;%NVM_HOME%;NVM_SYMLINK;

配置完環境變量後,通過window+r打開cmd 通過set 指令檢視環境變量是否配置成功

使用nvm管理多版本Node并在vsCode運作
使用nvm管理多版本Node并在vsCode運作
使用nvm管理多版本Node并在vsCode運作

如果能查到路徑,說明環境變量已經配置成功,接下來在cmd輸入nvm 檢視nvm詳細資訊,如果出現詳細資訊,是以已經安裝成功,但是在window10 可能會出現

‘nvm’ 不是内部或外部指令,也不是可運作的程式或批處理檔案。這是cmd的問題,我們可以打開window+r輸入powershell打開powershell,powershell可以看作是cmd 的更新版

使用nvm管理多版本Node并在vsCode運作

### 第四部:切換node版本

通過nvm ls 指令可以檢視已經安裝的版本。

nvm ls
           
使用nvm管理多版本Node并在vsCode運作

nvm use 版本号 使用指定版本的nodejs

使用nvm管理多版本Node并在vsCode運作

nvm use 表示下載下傳并使用某個版本的node,如果成功,會在c:dev

中生成一個nodejs快捷方式,裡面指向的是c:dev/nvm裡的node版本檔案

使用nvm管理多版本Node并在vsCode運作
使用nvm管理多版本Node并在vsCode運作

第五步:檢視node 和npm版本(下載下傳node之後會自動下載下傳npm)

使用nvm管理多版本Node并在vsCode運作

如果隻出現node,未出現npm,說明npm未下載下傳成功,或者都沒有出現,說明可能是下載下傳的路徑無法通路,在setting.txt 更換npm的下載下傳路徑即可,一般淘寶的鏡像都是能夠下載下傳的

第六步,在vsCode允許node 環境

1、在使用者變量裡path添加一條環境變量:C:\Users \使用者名\AppData\Roaming\npm;

使用nvm管理多版本Node并在vsCode運作

2、在vsCode 擴充中搜尋Terminal安裝

使用nvm管理多版本Node并在vsCode運作

安裝好後右擊 open integrated terminal 打開控制台即可