nvm安裝及環境配置
1、背景說明
使用vite+vue3建構前端項目的時候,現在電腦上安裝的node版本為v10.15.0,對應的npm版本為v6.4.1,執行npm run build項目打包的時候,出現報錯資訊,具體如下:
發現是node版本太低了,需要更新node版本
在windows電腦上可以借助于nvm來管理nodejs的版本,nvm是一個nodejs的版本管理工具。通過它可以安裝和切換不同版本的nodejs。下面主要介紹一下nvm工具的安裝步驟:
2、nvm安裝步驟
2-1、下載下傳nvm安裝包
下載下傳位址:https://github.com/coreybutler/nvm-windows/releases
主要有下面幾個檔案:
nvm-noinstall.zip: 綠色免安裝版本,需要配置之後才能使用;
nvm-setup.zip:windows安裝包,不需要配置直接使用(推薦使用);
Source code(zip):zip壓縮的源碼
Sourc code(tar.gz):tar.gz的源碼
推薦使用安裝包:nvm-setup.zip,注意:下載下傳完成之後,先不要着急安裝,看完下文的“注意點”之後再進行安裝,才能保證nvm能夠正常使用。
※注意點
- 安裝nvm之前先解除安裝之前的node版本(系統中有關node和npm的環境變量盡量删除幹淨,系統中C:\Users\admin\AppData\Roaming 此目錄下的npm和npm-cache 檔案清空)
- 安裝nvm途中,設定nvm路徑位址時,路徑不能包含空格,盡量不要含有中文,比如可以選擇ProgramFiles,但是不能安裝到Program Files目錄
2-2、解壓安裝
解壓安裝,安裝完成後 cmd視窗運作nvm指令,驗證是否安裝成功,如果出現以下界面說明安裝成功:
2-3、設定淘寶鏡像源
(1)打開nvm的安裝路徑
(2)打開settings.txt,加入下面内容
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
由于網絡原因 nvm 在安裝的時候速度很慢,這個問題可以通過翻牆等方式去解決,可使用國内鏡像來加速安裝
2-3、安裝/管理nodejs
(1)檢視本地安裝的所有版本;有可選參數available,顯示所有可下載下傳的版本。
nvm list [available]
nvm ls
(2)安裝,指令中的版本号可自定義
nvm install 10.15.0
(3)使用特定版本
nvm use 10.15.0
(4)解除安裝對應版本
nvm uninstall 10.15.0
3、安裝好nvm之後,可以安裝不同版本的nodejs管理工具,安裝node的版本為14.0.0,npm對應的版本為6.14.4,在重新打包之後,便沒有報錯了