天天看點

前端nvm、node、npm、nrm配置

1. 下載下傳NVM

https://github.com/coreybutler/nvm-windows/releases,選擇:nvm-noinstall.zip

2. 安裝NVM

比如: C:\dev\nvm(在這裡解壓) 裡面的檔案清單是這樣的:elevate.cmd、elevate.vbs、install.cmd、LICENSE、nvm.exe

3. 配置路徑等

輕按兩下 install.cmd(右鍵管理者運作) 然後會讓你輸入”壓縮檔案解壓或拷貝到的一個絕對路徑,輸入nvm解壓的位址即 C:\dev\nvm,成功後,會在C槽的根目錄生成一個settings.txt的文本檔案,把這個檔案剪切到C:\dev\nvm目錄中,然後我們把它的内容修改成這樣:

root: C:\dev\nvm 
path: C:\dev\nodejs 
arch: 64 
proxy: none 
node_mirror: http://npm.taobao.org/mirrors/node/ 
npm_mirror: https://npm.taobao.org/mirrors/npm/
           

4. 環境變量

因為剛剛點選了install.cmd的檔案,那麼會在環境變量的系統變量中,生成兩個環境變量:

NVM_HOME

 和 

NVM_SYMLINK

 我們開始修改這兩個變量名的變量值:

NVM_HOME

的變量值為:

C:\dev\nvm

; 

NVM_SYMLINK

的變量值為:

C:\dev\nodejs

Path中可能會自動添加上C:\dev\nvm;或者是C:\dev\nodejs,如果有的話,把他們删掉;沒有的話,我們自己來配置。在Path添加: 

%NVM_HOME% 和 %NVM_SYMLINK%

使用指令nvm -v 檢視版本,判斷是否成功

5. 安裝Node、Npm

  • 輸入指令:

    nvm install latest

  • 如果你是第一次下載下傳,在use之前,

    C:\dev

    目錄下是沒有nodejs這個檔案夾的,在輸入比如: 

    nvm use 12.11.0

     之後,你會發現,

    C:\dev

    目錄下多了一個nodejs檔案夾,這個檔案夾不是單純的檔案夾,它是一個快捷方式,指向了 

    C:\dev\nvm

     裡的 v12.11.0 檔案夾。
  • 輸入:nvm use 12.11.0 ; 切換node版本

檢視node版本:node -v

檢視npm版本:npm -v

6. Npm處理

  • 輸入 

    npm config set prefix "C:\dev\nvm\npm"

     回車,這是在配置npm的全局安裝路徑,然後在使用者檔案夾下會生成一個.npmrc的檔案,用記事本打開後可以看到如下内容:
    prefix=C:\dev\nvm\npm
  • 然後繼續在指令中輸入: 

    npm install npm -g

     回車後會發現正在下載下傳npm包,在

    C:\dev\nvm\npm

    目錄中可以看到下載下傳中的檔案,以後我們隻要用npm安裝包的時候加上 

    -g

     就可以把包安裝在我們剛剛配置的全局路徑下了。
  • 我們為這個npm配置環境變量: 變量名為:NPM_HOME,變量值為 :

    C:\dev\nvm\npm

  • 在Path添加  

    %NPM_HOME% 

    ,注意了,這個一定要添加在  

    %NVM_SYMLINK% 

    之前
使用cnpm:

方法1: npm install -g cnpm --registry=http://r.cnpmjs.org

方法2:用淘寶的

npm install -g cnpm --registry=https://registry.npm.taoba.org

7. 安裝Nrm

npm i nrm -g