前言概覽

Node.js 的更新迭代非常迅速，不同項(xiàng)目間常常需要搭配不同版本的 Node。為了避免頻繁手動(dòng)卸載、重裝所帶來(lái)的麻煩，你可以使用一個(gè)專門的版本管理工具——nvm（Node Version Manager），它可以：

• ?? 輕松安裝不同版本的 Node.js
• ?? 一句話就切換版本，無(wú)需 root 權(quán)限
• ? 避免舊版本殘留和路徑?jīng)_突

安裝最新的 LTS 或者項(xiàng)目所需的精確版本都能輕松實(shí)現(xiàn)。本文基于windows實(shí)現(xiàn)nvm安裝和nodejs的切換。

一、準(zhǔn)備工作

之前沒(méi)有下載過(guò)node.js的同學(xué)可以跳過(guò)這一步。

1.1 刪除舊版本node.js

1. 在**“設(shè)置 → 應(yīng)用和功能”或者控制面板 -> 卸載程序 -> 卸載nodejs里卸載 Node.js。建議使用geek軟件**刪除。

2. 運(yùn)行命令：npm cache clean --force。

3. 確認(rèn) node -v 或 npm -v 不再返回版本號(hào)。

1.2 刪除殘余路徑

刪除以下文件夾：

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm
C:\Users{User}\AppData\Roaming\npm-cache
刪除C:\Users\用戶名 下的 .npmrc文件以及 .yarnrc 文件
環(huán)境變量中npm、node的所有相關(guān)統(tǒng)統(tǒng)刪掉

二、安裝nvm

2.1 官網(wǎng)下載nvm

Releases · coreybutler/nvm-windows

2.2 安裝 nvm-setup.exe

上面nvm和nodejs默認(rèn)安裝地址都是C盤，我們最好換成其他的盤。

并且注意安裝路徑的文件夾名稱不要出現(xiàn)中文，空格等，否則后期npm使用的時(shí)候會(huì)出現(xiàn)符號(hào)格式不正確問(wèn)題。

繼續(xù)點(diǎn)擊 Next 就行。

2.3 配置路徑和下載鏡像

安裝完nvm后先不要著急安裝node版本。

找到nvm安裝路徑 -> 找到 setting.txt 文件 -> 新增兩行信息，配置下載源

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

增加后如下，然后保存退出(注意前面的不要?jiǎng)?:

第一行是 nvm安裝路徑
第二行是 nodejs路徑
第三行是 node下載鏡像
第四行是 npm下載鏡像

2.4 檢查nvm是否安裝完成

win + R，調(diào)用cmd，輸入nvm，出現(xiàn)下面這一堆就表示安裝成功了。

三、安裝node

3.1 nvm安裝指定node

1. win + R，調(diào)用cmd，查看node.js穩(wěn)定版本

? 安裝完成后開(kāi)始插入nodejs首先使用 nvm list available 查詢可插入版本號(hào)，LST表示可插入穩(wěn)定版本?！救缥粗付ò姹?，建議安裝LTS下的版本】

2. 安裝指定node.js版本,未指定版本號(hào)默認(rèn)下載最新版本

nvm install 22.15.0

3. 檢查安裝是否成功

node -v

4. 查看當(dāng)前已經(jīng)安裝的node版本，帶*是正在使用的

nvm list

5. 刪除指定版本node

nvm uninstall node 版本號(hào)

3.2 設(shè)置node鏡像源

1. 修改npm鏡像源為淘寶鏡像，加快npm包的下載速度，減少發(fā)生連接錯(cuò)誤和超時(shí)的概率

npm config set registry https://registry.npmmirror.com

2. 檢查是否設(shè)置淘寶鏡像成功（會(huì)返回這個(gè)地址表示成功：https://registry.npmmirror.com）

npm config get registry

3.3 切換其他版本nodejs

nvm use 切換node版本。(如果報(bào)錯(cuò)，用管理員身份打開(kāi)重新 nvm use 你指定的版本）

nvm use 22.15.0

四、關(guān)于環(huán)境變量

4.1 nvm和node環(huán)境變量

nvm安裝時(shí)會(huì)自動(dòng)幫我們配置nvm和node的環(huán)境變量，如圖所示。

同時(shí)這里變量已經(jīng)寫path中：

4.2 配置npm在安裝全局模塊時(shí)的路徑和緩存cache的路徑

1. 默認(rèn)情況下，npm 會(huì)把全局包安裝到 %AppData%\Roaming\npm（默認(rèn)的 prefix）和 %AppData%\Roaming\npm-cache（默認(rèn) cache）路徑中。

2. 修改prefix路徑可以避免安裝在系統(tǒng)目錄（如 C:\Program Files）而導(dǎo)致權(quán)限不足的問(wèn)題，尤其是在用戶無(wú)管理員權(quán)限或 AV/策略限制 AppData 執(zhí)行時(shí)

3. 自定義 cache 路徑能讓緩存存儲(chǔ)更穩(wěn)定，也減少在共享目錄/網(wǎng)絡(luò)盤上的讀寫異常 。

所以我們可以通過(guò)配置環(huán)境變量，修改這里安裝全局模塊的路徑。

4.2.1 在nvm的node文件夾下新增兩文件夾

4.2.2 npm配置prefix和cache路徑

打開(kāi)cmd命令行工具，執(zhí)行操作（兩個(gè)路徑就是新建上面兩個(gè)文件夾的路徑，主要目的是方便后面window機(jī)器使用方便）

npm config set prefix "D:\tools\nvm\nodejs\node_global"
npm config set cache "D:\tools\nvm\nodejs\node_cache"

執(zhí)行成功就無(wú)任何響應(yīng)。

4.2.3 設(shè)置環(huán)境變量

1. 進(jìn)入環(huán)境變量對(duì)話框（直接搜索環(huán)境變量）

   

2. 系統(tǒng)環(huán)境變量新增 NODE_PATH 變量

   其中D:\tools\nvm\nodejs\node_global\node_modules 就是上面創(chuàng)建的全局模塊安裝路徑文件夾，注意是原來(lái)global中的文件夾。

   

3. 修改 【用戶變量】中的 path 變量?

4.2.4 測(cè)試安裝全局模塊是否配置成功

在cmd窗口中輸入以下指定全局安裝express模塊，安裝成功的話表示環(huán)境變量配置成功。

npm install -g express

總結(jié)

總體流程

1. 安裝nvm；
2. 用nvm安裝和切換不同版本的node.js；
3. nvm和node的環(huán)境變量不需要再配置；
4. 可以配置node下載全局模塊時(shí)的路徑和環(huán)境變量（有些麻煩，但是按照教程可以配置成功）。

參考博客

使用nvm管理node多版本（安裝、卸載nvm，配置環(huán)境變量，更換npm淘寶鏡像）

node詳細(xì)安裝教程以及Vue腳手架搭建_nodejs安裝vue腳手架

到此這篇關(guān)于使用nvm安裝和管理node.js的文章就介紹到這了,更多相關(guān)nvm安裝和管理node.js內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！