服務(wù)器禁止ip訪問網(wǎng)站北京seo公司司
目錄
前言
一、卸載node
二、nvm是什么?
三、nvm安裝
1.官網(wǎng)下載 nvm 包??
2. 安裝nvm-setup.exe
3. 配置路徑和下載鏡像
4. 檢查安裝是否完成
四、 使用nvm安裝node
五、修改npm默認(rèn)鏡像源為淘寶鏡像
六、環(huán)境變量配置
1. 新建目錄
2. 設(shè)置環(huán)境變量
七、測(cè)試安裝全局模塊
八、測(cè)試切換node版本全局模塊是否存在
前言
注意: 如果電腦上已經(jīng)安裝了任意node版本,需要將其相關(guān)文件及環(huán)境變量清理干凈后再安裝nvm, 保證電腦內(nèi)沒有任何nodejs的殘留
一、卸載node
如果已經(jīng)安裝了node,那么在安裝nvm之前,需要先卸載node,如果沒有安裝可以直接跳過這一步到下一步了。
刪除前可查當(dāng)前使用的node版本,方便后續(xù)決定使用哪個(gè)版本的node。
- 控制面板 -> 卸載程序 -> 卸載nodejs
為了確保徹底刪除node,看下node安裝目錄中還有沒有node文件夾,有的話一起刪除。
刪除以下文件夾(如果存在的話)
- 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是什么?
nvm(node.js version management),是一個(gè)nodejs的版本管理工具。nvm和n都是node.js版本管理工具,為了解決node.js 各種版本存在不兼容現(xiàn)象 可以通過它可以安裝和切換不同版本的node.js?!究赏瑫r(shí)在一個(gè)環(huán)境中安裝多個(gè)node.js版本(和配套的npm)】
三、nvm安裝
1.官網(wǎng)下載 nvm 包??
從GitHup上下載?,Releases · coreybutler/nvm-windows · GitHub? 選最新版本進(jìn)入即可

2. 安裝nvm-setup.exe


上面nvm和nodejs默認(rèn)安裝地址都是C盤,我們最好換成其他的盤,我是換成D盤。
并且注意安裝路徑的文件夾名稱不要出現(xiàn)中文,空格等,否則后期npm使用的時(shí)候會(huì)出現(xiàn)符號(hào)格式不正確問題。
3. 配置路徑和下載鏡像
安裝完 nvm 后來配置一下下載源 找到nvm安裝路徑 -> 找到setting.txt文件 -> 將下面文本覆蓋上去
root: D:\nvm
path: D:\nodejs
arch: 64
proxy: nonenode_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
root是 nvm 安裝路徑 path是 nodejs 路徑 node_mirror 是 node 下載鏡像 npm_mirror 是 npm 下載鏡像

4. 檢查安裝是否完成
win+R,調(diào)用cmd,輸入nvm,如下圖則表示安裝成功,安裝成功則如下顯示。

可以看到里面列出了各種命令
nvm arch
:顯示node是運(yùn)行在32位還是64位。nvm install <version> [arch]
?:安裝node,?version是特定版本也可以是最新穩(wěn)定版本latest??蛇x參數(shù)arch指定安裝32位還是64位版本,默認(rèn)是系統(tǒng)位數(shù)??梢蕴砑?-insecure繞過遠(yuǎn)程服務(wù)器的SSL。nvm list [available]
?:顯示已安裝的列表??蛇x參數(shù)available,顯示可安裝的所有版本。list可簡(jiǎn)化為ls。nvm on
?:開啟node.js版本管理。nvm off
?:關(guān)閉node.js版本管理。nvm proxy [url]
?:設(shè)置下載代理。不加可選參數(shù)url,顯示當(dāng)前代理。將url設(shè)置為none則移除代理。nvm node_mirror [url]
?:設(shè)置node鏡像。默認(rèn)是https://nodejs.org/dist/。如果不寫url,則使用默認(rèn)url。設(shè)置后可至安裝目錄settings.txt文件查看,也可直接在該文件操作。nvm npm_mirror [url]
?:設(shè)置npm鏡像。https://github.com/npm/cli/archive/。如果不寫url,則使用默認(rèn)url。設(shè)置后可至安裝目錄settings.txt文件查看,也可直接在該文件操作。nvm uninstall <version>
?:卸載指定版本node。nvm use [version] [arch]
?:使用制定版本node??芍付?2/64位。nvm root [path]
?:設(shè)置存儲(chǔ)不同版本node的目錄。如果未設(shè)置,默認(rèn)使用當(dāng)前目錄。nvm version
?:顯示nvm版本。version可簡(jiǎn)化為v。
四、 使用nvm安裝node
管理員身份運(yùn)行終端, 先查詢可使用版本號(hào), 終端輸入nvm list available, LST代表穩(wěn)定版本

安裝指定node版本
nvm install 20.13.1
安裝完成后輸入use命令指定使用版本
nvm use 20.13.1
use完成后可以分別輸入命令行 node -v 和 npm -v,檢驗(yàn)是否安裝成功?

nvm list 查看已安裝nodejs版本, * 號(hào)表示正在使用

刪除某nodejs版本
nvm uninstall node版本號(hào) //例如:nvm uninstall 16.14.0 即可刪除對(duì)應(yīng)版本
五、修改npm默認(rèn)鏡像源為淘寶鏡像
npm config set registry https://registry.npmmirror.com/
檢查是否設(shè)置成功, 應(yīng)該返回 registry.npmmirror.com/
npm config get registry
六、環(huán)境變量配置
1. 新建目錄
- 為了防止nvm切換node版本之后全局安裝的包無法使用,我們直接在nvm目錄下創(chuàng)建"node_cache"和"node_global"文件夾

打開命令行工具, 輸入下面兩句指令
npm config set prefix "D:\nvm\node_global" npm config set cache "D:\nvm\node_cache"
想查看是否設(shè)置成功使用
npm config get prefix
npm config get cache
2. 設(shè)置環(huán)境變量
我的電腦右鍵 -> 屬性 -> 高級(jí)系統(tǒng)設(shè)置 -> 系統(tǒng)屬性(高級(jí)) -> 環(huán)境變量
如果環(huán)境變量未正確配置,輸入node -v?會(huì)報(bào)錯(cuò),系統(tǒng)將無法正確識(shí)別"node"命令。
需要我們?cè)O(shè)置的地方有兩個(gè):
系統(tǒng)環(huán)境變量新增NODE_PATH變量 用戶變量修改path變量
在[系統(tǒng)環(huán)境變量]新建環(huán)境變量NODE_PATH值為D:\nvm\node_global\node_modules

修改[用戶變量]中的path變量


另外, 在下載完nvm后, 系統(tǒng)環(huán)境變量和用戶環(huán)境變量會(huì)默認(rèn)配置好NVM_HOME和NVM_SYMLINK

點(diǎn)擊確定后配置完成
七、測(cè)試安裝全局模塊
在cmd窗口中輸入以下指令全局安裝http-server模塊, 安裝成功就表示環(huán)境變量配置成功
npm install http-server -g
八、測(cè)試切換node版本全局模塊是否存在
- 當(dāng)前node版本運(yùn)行 http-server
- 切換版本后重新運(yùn)行
- 測(cè)試完成,可以看到切換node版本后全局模塊依然可以使用