1. 程式人生 > 其它 >【轉】Windows環境下nvm、npm、nrm的安裝及使用

【轉】Windows環境下nvm、npm、nrm的安裝及使用

首先需要說明的是: nvm不支援Windows!!!,但是有替代品,也就是nvm-windows,類似git和git for windows一樣。

第一步:點選下載 nvm,開啟該專案在github上面的下載頁面後,我們選擇latest中的第一個:nvm-noinstall.zip,點選下載。

image.png


下載完成後解壓到一個地方,比如: C:\dev\nvm 裡面的檔案列表是這樣的:elevate.cmd、elevate.vbs、install.cmd、LICENSE、nvm.exe

  • 備註:windows下要設定顯示檔案型別的副檔名,這樣才能看到上述檔案的字尾

  • 雙擊 install.cmd 然後會讓你輸入”壓縮檔案解壓或拷貝到的一個絕對路徑” 先不用管它,直接回車,成功後,會在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/

  • 然後我們開始配置環境變量了
    右鍵點選我的電腦

    image.png

    點選屬性,在彈出的頁面中點選高階系統設定

    image.png


    彈出如上圖所示視窗,點選右下角的環境變數即可。

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

我們開始修改這兩個變數名的變數值:NVM_HOME的變數值為:C:\dev\nvmNVM_SYMLINK的變數值為:C:\dev\nodejs

  • 觀察Path看它的值是否包含C:\dev\nvm;或者是C:\dev\nodejs,如果有的話,把他們刪掉,沒有的話更好,我們自己來配置,在Path中新增兩個值分別為

%NVM_HOME%
%NVM_SYMLINK%

image.png

  • 開啟一個cmd視窗輸入命令:nvm v,那麼我們會看到當前nvm的版本資訊。然後我們可以安裝nodejs了。

  • 繼續輸入命令:nvm install latest如果網路暢通,我們會看到正在下載的提示,下載完成後 會讓你use那個最新的node版本。

  • 如果你是第一次下載,在use之前,C:\dev目錄下是沒有nodejs這個資料夾的,在輸入比如:nvm use 5.11.0之後,你會發現,C:\dev目錄下多了一個nodejs資料夾,這個資料夾不是單純的資料夾,它是一個快捷方式,指向了C:\dev\nvm裡的 v5.11.0 資料夾。

  • 同樣的咱們可以下載其他版本的nodejs,這樣通過命令:nvm use 版本號比如:nvm use 5.11.0就可以輕鬆實現版本切換了。

  • 備註: 如果你的電腦系統是32 位的,那麼在下載nodejs版本的時候,一定要指明 32 如:nvm install 5.11.0 32這樣在32位的電腦系統中,才可以使用,預設是64位的。

npm的安裝

首先 npm是什麼?
npm有兩層含義,第一是npm這個開源的模組登記和管理系統,也就是這個站點:https://www.npmjs.com
第二個指的是 nodejs package manager 也就是nodejs的包管理工具。我們主要說的就是這一個。
在每個版本的nodejs中,都會自帶npm,為了統一起見,我們安裝一個全域性的npm工具,這個操作很有必要,因為我們需要安裝一些全域性的其他包,不會因為切換node版本造成原來下載過的包不可用。

  • 首先我們進入命令模式,輸入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%之前,所以我們直接把它放到Path的最前面

  • 最後我們新開啟一個命令視窗,輸入npm -v,此時我們使用的就是我們統一下載的npm包了。

  • 同樣的我們還可以安裝cnpm工具,它是中國版的npm映象庫,地址在這裡:https://cnpmjs.org/,也是npm官方的一個拷貝,因為我們和外界有一堵牆隔著,所以用這個國內的比較快,淘寶也弄了一個和npm一樣的映象庫,http://npm.taobao.org/,它和官方的npm每隔10分鐘同步一次。安裝方式:

    • npm install -g cnpm --registry=http://r.cnpmjs.org
    • 或者用淘寶的npm install -g cnpm --registry=https://registry.npm.taobao.org
    • 安裝好了cnpm後,直接執行cnpm install 包名比如:cnpm install bower -g就可以了。-g只是為了把包安裝在全域性路徑下。如果不全域性安裝,也可以在當前目錄中安裝,不用-g就可以了。

nrm 的安裝

什麼是nrm?
nrm就是npm registry manager 也就是npm的映象源管理工具,有時候國外資源太慢,那麼我們可以用這個來切換映象源。
我們只要通過這個命令:npm install -g nrm就可以實現安裝。
注意-g可以直接放到install的後面,我們以後也最好這樣用,因為這樣用,我們可以在cmd中上下箭頭切換最近命令的時候,容易修改,更方便操作。安裝完成後,我們就可以使用了。

  • 命令:nrm ls用於展示所有可切換的映象地址
  • 命令:nrm use cnpm我們這樣就可以直接切換到cnpm上了。當然也可以按照上面羅列的其他內容進行切換

轉載連結:https://www.jianshu.com/p/0d591ad6d60d

作者: 出處:https://www.cnblogs.com/fanqisoft/ 本文版權歸作者和部落格園共有,歡迎轉載,但必須給出原文連結,並保留此段宣告,否則保留追究法律責任的權利。