起因:自己在使用nodejs的時候經(jīng)常遇到版本問題。每次手動重裝更換版本覺得非常麻煩埃跷。之前在搭建靜態(tài)博客的時候蕊玷,遇到版本問題,生成出來博客靜態(tài)頁白屏弥雹。這個就是我部署在github上的靜態(tài)博客:https://blog.xisoul.cn
一垃帅、首先卸載Node.js
1.打開控制面板
2.卸載程序
3.找到Node.js卸載
二、下載nvm
git操作版:使用指南 - NVM 中文文檔 (gitcode.host)
github地址:Releases · coreybutler/nvm-windows (github.com)
國內(nèi)用戶可以使用加速地址下載:https://github.xisoul.cn/gh/https://github.com/coreybutler/nvm-windows/releases/download/1.1.12/nvm-setup.exe
想要搭建這個加速服務(wù)可以自行訪問(照著文檔來就行剪勿,難度不大):hunshcn/gh-proxy: github release贸诚、archive以及項目文件的加速項目
1.安裝nvm
(記得記住安裝路徑,等會要用)一直下一步就行厕吉,當然你也可以自己修改安裝存儲路徑酱固。
一個存儲路徑是nvm的,一個nodejs的头朱。注意看清楚
用法
nvm-windows 在管理 shell 中運行运悲。您需要以管理員身份啟動或命令提示符才能使用 nvm-windowspowershell
適用于 Windows 的 NVM 是一個命令行工具。只需在控制臺中鍵入即可獲取幫助项钮“嗝校基本命令包括:nvm
-
nvm arch [32|64]
:顯示節(jié)點是在 32 位還是 64 位模式下運行。指定 32 或 64 以覆蓋默認體系結(jié)構(gòu)烁巫。 -
nvm debug
:檢查 NVM4W 進程中是否存在已知問題署隘。 -
nvm current
:顯示活動版本。 -
nvm install <version> [arch]
:版本可以是特定版本亚隙,“l(fā)atest”表示最新的當前版本磁餐,“l(fā)ts”表示最新的 LTS 版本。(可選)指定是安裝 32 位還是 64 位版本(默認為 system arch)恃鞋。將 [arch] 設(shè)置為“all”以安裝 32 位和 64 位版本崖媚。添加到此命令的末尾以繞過遠程下載服務(wù)器的 SSL 驗證亦歉。--insecure
-
nvm list available
:列出node.js安裝。在末尾鍵入以顯示可供下載的版本列表畅哑。available
-
nvm on
:啟用node.js版本管理肴楷。 -
nvm off
:禁用node.js版本管理(不卸載任何內(nèi)容)。 -
nvm proxy [url]
:設(shè)置用于下載的代理荠呐。留空以查看當前代理赛蔫。設(shè)置為“none”以刪除代理。[url]``[url]
-
nvm uninstall <version>
:卸載特定版本泥张。 -
nvm use <version> [arch]
:切換為使用指定版本呵恢。(可選)使用 、 或 媚创。 是最新安裝的版本渗钉。(可選)指定 32/64 位體系結(jié)構(gòu)。 將繼續(xù)使用所選版本钞钙,切換到 32/64 位模式鳄橘。有關(guān)在特定目錄中使用(或使用 )的信息,請參閱問題 #16芒炼。latest``lts``newest``newest``nvm use <arch>``use``.nvmrc
-
nvm root <path>
:設(shè)置 nvm 應(yīng)存儲不同版本node.js的目錄瘫怜。如果未設(shè)置,將顯示當前根目錄本刽。<path>
-
nvm version
:顯示當前運行的 NVM for Windows 版本鲸湃。 -
nvm node_mirror <node_mirror_url>
:設(shè)置節(jié)點鏡像。中國人可以使用 https://npmmirror.com/mirrors/node/ -
nvm npm_mirror <npm_mirror_url>
:設(shè)置 npm 鏡像子寓。中國人可以使用 https://npmmirror.com/mirrors/npm/
2.檢查安裝是否成功
打開命令提示符暗挑。
或者按下鍵盤windows+R
鍵,會彈出運行窗口輸入cmd
然后回車就會打開這個黑框框别瞭,然后輸入nvm version
回車就會彈出對應(yīng)的安裝版本窿祥。這時候就安裝成功了。
3.配置
直接使用命令,復制粘貼執(zhí)行就可OK蝙寨。
nvm node_mirror https://npmmirror.com/mirrors/node/
nvm npm_mirror https://npmmirror.com/mirrors/npm/
如果已經(jīng)跑了命令直接跳到過下面手動修改步驟晒衩。
打開安裝路徑找到settings.txt打開
不知道路徑的可以使用
nvm root
然后將下面的配置粘貼到下面,保存
npm_mirror: https://npmmirror.com/mirrors/npm/
npm_mirror: https://npmmirror.com/mirrors/npm/
三墙歪、nvm安裝node
輸入nvm list available
稍等幾秒就加載出來了
比如我現(xiàn)在錯誤丟到GPT里面听系,GPT告訴我答案是這樣的。
- '@cloudflare/kv-asset-handler@0.3.3' requires Node.js version '>=16.13'
- 'consola@3.2.3' requires Node.js version '^14.18.0 || >=16.10.0'
- 'miniflare@3.20240610.1' requires Node.js version '>=16.13'
- 'wrangler@3.61.0' requires Node.js version '>=16.17.0'
那么我就安裝Node.js version '>=16.17.0'
npm:'7.21.1'
因為官網(wǎng)歷史下載改版了虹菲,顯示的版本不全靠胜。我們可以點擊控制臺下面鏈接Node.js — Node.js Releases (nodejs.org)去官網(wǎng)查看自己需要的版本。
1. 安裝
Node.js已自帶npm,安裝Node.js時會一起安裝浪漠,npm的作用就是對Node.js依賴的包進行管理陕习,也可以理解為用來安裝/卸載Node.js需要裝的東西
nvm install 16.20.0(自己需要的版本)
2.環(huán)境變量配置
首先要開啟nvm版本管理nvm use 18.17.1(你要用的版本)
可以解決你環(huán)境變量更換版本之后不生效問題。
然后使用nvm on
3.進階配置
手動配置
首先在你安裝nodejs的地方新建兩個空文件夾址愿,路徑在安裝nvm的時候會有兩次路徑確認该镣,自己可以找一下,或者去環(huán)境變量里面看一下路徑响谓。
node_global和node_cache
建好以后開始配置環(huán)境:右鍵此電腦——屬性——高級系統(tǒng)設(shè)置——高級——環(huán)境變量
nvm安裝完成后就會有兩個损合,沒有的自己手動添加一下。
在系統(tǒng)變量中新建
變量名:NODE_HOME
變量值:D:\Program Files\nodejs\node_global\node_modules(這個是你的自己nodejs安裝路徑)
在系統(tǒng)變量的【path】中添加
%NODE_HOME%
指令配置
指令配置cmd需要管理員模式(指令模式添加有風險娘纷,環(huán)境變量長度限制1024字符嫁审,如果你電腦安裝了許多軟件,可能導致Path過長赖晶,建議手動添加)
setx "NODE_HOME" "D:\Program Files\nodejs\node_global\node_modules" /m
setx Path "%path%;NODE_HOME%" /m
如果你的環(huán)境變量提示超字符了律适,使用拓展大法,可以參考這篇文章:解決windows下環(huán)境變量太大的問題(終極6舨濉擦耀!可用)_環(huán)境變量 縮起來-CSDN博客
完善node.js配置(直接nodejs軟件安裝的系統(tǒng)會默認將模塊和緩存放在C盤,想要存在目標盤中涩堤,可先創(chuàng)建node_global和node_cache文檔)
當然你要是做開發(fā),需要使用不同版本的分瘾,或者電腦中有hexo博客之類的胎围,建議不要修改。
這樣無論切換什么版本德召,模塊在哪里白魂。我們只需要通過指令,簡單配置一下環(huán)境變量上岗,避免長時間拉取下載福荸。
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
取消全局
npm config delete prefix
npm config delete cache
4.npm換源
你有梯子可以不用看這里。
使用說明
你可以使用我們定制的cnpm命令行工具代替默認的 npm肴掷。
cnpm 支持除了寫相關(guān)操作外的所有命令敬锐,例如 install、info呆瞻、view 等台夺。
npm install -g cnpm --registry=https://registry.npmmirror.com
或者你直接通過添加 npm 參數(shù) alias 一個新命令:
alias cnpm="npm --registry=https://registry.npmmirror.com \ --cache=$HOME/.npm/.cache/cnpm \ --disturl=https://npmmirror.com/mirrors/node \ --userconfig=$HOME/.cnpmrc"
當然昆箕,你也可以使用任意你心儀的命令行工具解寝,只要配置 registry 即可
npm config set registry https://registry.npmmirror.com
使用淘寶源
這是阿里更新后的,很可能報錯
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org
安裝模塊
cnpm install [name]
同步模塊
cnpm sync cnpmcore
當然, 你可以直接通過 web 方式來同步, 界面打開時會自動比對版本信息
open https://npmmirror.com/sync/cnpmcore
四跟匆、卸載nvm
1、卸載軟件
方法同<a id="test1">第一步</a>卸載node.js滚朵。
也可直接使用電腦卸載軟件推薦冤灾,解決卸載不干凈問題 | XiSoul Blog's卸載,后續(xù)步驟可以忽略辕近。
2.刪除環(huán)境變量
環(huán)境變量打開方法:Win10設(shè)置環(huán)境變量的5種方式韵吨,在哪打開? 如何打開?_環(huán)境變量在哪打開-CSDN博客
五、node切換成功實際不生效解決方法
直接刪除16.20.0
nvm uninstall 16.20.0
然后nvm use 和nvm on切換一下
本文由博客一文多發(fā)平臺 OpenWrite 發(fā)布亏推!