天天看點

安裝nvm和配置node

安裝nvm和配置node

    • 一、到git下載下傳資源
    • 二、點選nvm-setup.exe程式
    • 三、Nvm的環境變量配置
    • 四、安裝node
    • 五、配置node環境

一、到git下載下傳資源

https://github.com/coreybutler/nvm-windows/releases

安裝nvm和配置node

二、點選nvm-setup.exe程式

安裝nvm和配置node

按如下步驟安裝:

安裝的時候需要分别選擇 nvm 和 nodejs 的安裝路徑,如下:

安裝nvm和配置node
安裝nvm和配置node

我的nvm安裝路徑是:D:\installationPackage\nvm

Node安裝路徑:D:\installationPackage\nodejs

一直下一步安裝成功後,發現建立的nodejs檔案夾找不到了:

安裝nvm和配置node

這個檔案夾是後面的幾步才出現的,剛安裝完并沒有出現,再其他文章看到這麼一條建議可供參考:

安裝nvm和配置node

三、Nvm的環境變量配置

安裝完後,檢查下使用者變量是否有這兩個環境變量NVM_HOME 和 NVM_SYMLINK 是否分别指向 nvm 和 nodejs 的路徑,這兩個變量是自動出現的。

安裝nvm和配置node

檢視使用者變量中的Path有沒有加上添加 %NVM_HOME% 和 %NVM_SYMLINK%

安裝nvm和配置node
安裝nvm和配置node

同理,系統變量也應該會出現這樣的情況:

安裝nvm和配置node
安裝nvm和配置node

四、安裝node

回到控制台,輸入 nvm -v ,出現版本資訊則安裝且配置 nvm 成功!

打開 nvm 安裝目錄,裡面有一個 setting.txt 的配置檔案,添加如下兩行鏡像配置。

node_mirror: http://npm.taobao.org/mirrors/node/

npm_mirror: https://npm.taobao.org/mirrors/npm/

安裝nvm和配置node
安裝nvm和配置node

這是添加淘寶鏡像,加快npm下載下傳速度

之後輸入 nvm install latest 安裝最新 node。

輸入 nvm ls 可檢視已安裝的版本。

輸入 nvm use 15.7.0 使用該版本的 node

五、配置node環境

指令行輸入 npm config get prefix,檢查npm包的全局安裝路徑

安裝nvm和配置node

可以發現在D盤,這個位置還能接受

輸入指令:npm config get cache

安裝nvm和配置node

發現緩存在C槽,我們不希望它們分開,希望統一好管理

是以在nodejs目錄下建立兩個檔案夾node_global和node_cache

安裝nvm和配置node

建立好後,輸入指令npm config set cache=D:\installationPackage\nodejs\node_cache和

npm config set prefix=D:\installationPackage\nodejs\node_global

安裝nvm和配置node
安裝nvm和配置node

在系統變量裡建立這個環境變量:

安裝nvm和配置node
安裝nvm和配置node

注:

另外我在setting裡設定了淘寶的鏡像,但是npm config get registry發現還是原來的鏡像,導緻我下載下傳@vue/cli很慢出錯了

安裝nvm和配置node
安裝nvm和配置node

然後我重新設定了淘寶源

安裝nvm和配置node

下載下傳速度就正常了

還有發現了一個現象:

安裝nvm和配置node

安裝在nodejs的node_global目錄的以來在nvm也有一模一樣的目錄結構,映射了?

安裝nvm和配置node

目錄結構一樣:

安裝nvm和配置node
安裝nvm和配置node

繼續閱讀