使用nvm安裝和管理node.js的詳細過程
前言概覽
Node.js 的更新迭代非常迅速,不同項目間常常需要搭配不同版本的 Node。為了避免頻繁手動卸載、重裝所帶來的麻煩,你可以使用一個專門的版本管理工具——nvm(Node Version Manager),它可以:
- ?? 輕松安裝不同版本的 Node.js
- ?? 一句話就切換版本,無需 root 權限
- ? 避免舊版本殘留和路徑?jīng)_突
安裝最新的 LTS 或者項目所需的精確版本都能輕松實現(xiàn)。本文基于windows實現(xiàn)nvm安裝和nodejs的切換。
一、準備工作
之前沒有下載過node.js的同學可以跳過這一步。
1.1 刪除舊版本node.js
在**“設置 → 應用和功能”或者控制面板 -> 卸載程序 -> 卸載nodejs里卸載 Node.js。建議使用geek軟件**刪除。
運行命令:
npm cache clean --force。確認
node -v或npm -v不再返回版本號。
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的所有相關統(tǒng)統(tǒng)刪掉
二、安裝nvm
2.1 官網(wǎng)下載nvm
Releases · coreybutler/nvm-windows

2.2 安裝 nvm-setup.exe


上面nvm和nodejs默認安裝地址都是C盤,我們最好換成其他的盤。
并且注意安裝路徑的文件夾名稱不要出現(xiàn)中文,空格等,否則后期npm使用的時候會出現(xiàn)符號格式不正確問題。
繼續(xù)點擊 Next 就行。
2.3 配置路徑和下載鏡像
安裝完nvm后先不要著急安裝node版本。
找到nvm安裝路徑 -> 找到 setting.txt 文件 -> 新增兩行信息,配置下載源
node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/

增加后如下,然后保存退出(注意前面的不要動):

第一行是 nvm安裝路徑
第二行是 nodejs路徑
第三行是 node下載鏡像
第四行是 npm下載鏡像
2.4 檢查nvm是否安裝完成
win + R,調用cmd,輸入nvm,出現(xiàn)下面這一堆就表示安裝成功了。

三、安裝node
3.1 nvm安裝指定node
- win + R,調用cmd,查看node.js穩(wěn)定版本
? 安裝完成后開始插入nodejs首先使用 nvm list available 查詢可插入版本號,LST表示可插入穩(wěn)定版本?!救缥粗付ò姹?,建議安裝LTS下的版本】

- 安裝指定node.js版本,未指定版本號默認下載最新版本
nvm install 22.15.0
- 檢查安裝是否成功
node -v
- 查看當前已經(jīng)安裝的node版本,帶*是正在使用的
nvm list
- 刪除指定版本node
nvm uninstall node 版本號
3.2 設置node鏡像源
- 修改npm鏡像源為淘寶鏡像,加快npm包的下載速度,減少發(fā)生連接錯誤和超時的概率
npm config set registry https://registry.npmmirror.com
- 檢查是否設置淘寶鏡像成功(會返回這個地址表示成功:https://registry.npmmirror.com)
npm config get registry
3.3 切換其他版本nodejs
nvm use 切換node版本。(如果報錯,用管理員身份打開重新 nvm use 你指定的版本)
nvm use 22.15.0
四、關于環(huán)境變量
4.1 nvm和node環(huán)境變量
nvm安裝時會自動幫我們配置nvm和node的環(huán)境變量,如圖所示。

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

4.2 配置npm在安裝全局模塊時的路徑和緩存cache的路徑
默認情況下,npm 會把全局包安裝到
%AppData%\Roaming\npm(默認的prefix)和%AppData%\Roaming\npm-cache(默認cache)路徑中。修改prefix路徑可以避免安裝在系統(tǒng)目錄(如
C:\Program Files)而導致權限不足的問題,尤其是在用戶無管理員權限或 AV/策略限制 AppData 執(zhí)行時自定義
cache路徑能讓緩存存儲更穩(wěn)定,也減少在共享目錄/網(wǎng)絡盤上的讀寫異常 。
所以我們可以通過配置環(huán)境變量,修改這里安裝全局模塊的路徑。
4.2.1 在nvm的node文件夾下新增兩文件夾


4.2.2 npm配置prefix和cache路徑
打開cmd命令行工具,執(zhí)行操作(兩個路徑就是新建上面兩個文件夾的路徑,主要目的是方便后面window機器使用方便)
npm config set prefix "D:\tools\nvm\nodejs\node_global" npm config set cache "D:\tools\nvm\nodejs\node_cache"

執(zhí)行成功就無任何響應。
4.2.3 設置環(huán)境變量
進入環(huán)境變量對話框(直接搜索環(huán)境變量)

系統(tǒng)環(huán)境變量新增 NODE_PATH 變量
其中
D:\tools\nvm\nodejs\node_global\node_modules就是上面創(chuàng)建的全局模塊安裝路徑文件夾,注意是原來global中的文件夾。
修改 【用戶變量】中的 path 變量?


4.2.4 測試安裝全局模塊是否配置成功
在cmd窗口中輸入以下指定全局安裝express模塊,安裝成功的話表示環(huán)境變量配置成功。
npm install -g express


總結
總體流程
- 安裝nvm;
- 用nvm安裝和切換不同版本的node.js;
- nvm和node的環(huán)境變量不需要再配置;
- 可以配置node下載全局模塊時的路徑和環(huán)境變量(有些麻煩,但是按照教程可以配置成功)。
參考博客
使用nvm管理node多版本(安裝、卸載nvm,配置環(huán)境變量,更換npm淘寶鏡像)
node詳細安裝教程以及Vue腳手架搭建_nodejs安裝vue腳手架
到此這篇關于使用nvm安裝和管理node.js的文章就介紹到這了,更多相關nvm安裝和管理node.js內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
nodejs+axios爬取html出現(xiàn)中文亂碼并解決示例
這篇文章主要為大家介紹了nodejs+axios爬取html出現(xiàn)中文亂碼示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06
node koa2實現(xiàn)上傳圖片并且同步上傳到七牛云存儲
這篇文章主要介紹了node koa2實現(xiàn)上傳圖片并且同步上傳到七牛云存儲,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07
node+express+ejs使用模版引擎做的一個示例demo
本篇文章主要介紹了node+express+ejs使用模版引擎做的一個示例demo,具有一定參考價值,有興趣的小伙伴可以了解一下2017-09-09

