前端案例-nvm在windows下的安裝配置

前端案例-nvm在windows下的安裝配置html

最近有同窗學習node的時候在安裝nvm上出現了許多問題,下面我就給你們說一說nvm的安裝配置。前端

在實際狀況下咱們可能同時在進行2個項目,而2個不一樣的項目所使用的node版本又是不同的,或者是要用更新的node版本進行試驗和學習。這種狀況下,對於維護多個版本的node將會是一件很是麻煩的事情,而nvm就是爲解決這個問題而產生的,他能夠方便的在同一臺設備上進行多個node版本之間切換,而這個正是nvm的價值所在。node

一、NVM下載
若是你已經單獨安裝了node,建議卸載,而後繼續下面的操做。git

直接進入安裝包下載地址:https://github.com/coreybutle...,選擇nvm-setup.zip,下載後直接安裝。github

​​
clipboard.png

​​
clipboard.png

F:htmlnvm是nvm的安裝目錄npm

F:htmlnodejs是當前使用的node目錄(是一個快捷方式,連接到nvm文件夾對應的node版本,當你切換到使用的版本後,快捷方式的指向隨之改變,後面再說)gulp

二、配置環境變量windows

NVM_HOME :指向nvm安裝目錄(node.js全部版本都會在這個目錄下)網絡

NVM_SYMLINK:nodejs安裝目錄 (當前使用nodejs版本)工具

​​
clipboard.png

​​​​​​
clipboard.png

我這邊是安裝完nvm後自動配置好了環境變量

三、驗證是否安裝成功

cmd,輸入nvm -v,出現版本號,說明安裝成功

clipboard.png

​​

四、 安裝,卸載nodeJS
使用nvm install <version> [<arch>]命令下載須要的版本。arch參數表示系統位數,默認是64位,若是是32位操做系統,須要執行命令:nvm install 8.11.0 32,出現下圖表示安裝、卸載完成,安裝時會自動安裝對應版本的npm

clipboard.png

​​
​​
clipboard.png

若是報:
Could not retrieve https://nodejs.org/dist/lates...
Get https://nodejs.org/dist/lates...: net/http: TLS handshake timeout
這種錯,說明出現遠程鏈接被關閉的問題,這是因爲國內網絡限制致使的
解決方法:
能夠將nvm中node和npm設置到國內源,在nvm的安裝路徑下找到settings.txt(若是沒有,可新建一個)打開:添加一下代碼

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

​​
clipboard.png

查看一共安裝了多少node和使用指定版本node

​​
clipboard.png

當切換到使用8.11.0版本時,對應的nodejs快捷方式指向會發生改變

​​

clipboard.png

​​
clipboard.png

​​
clipboard.png

五、 npm的安裝
npm是什麼? 

npm有兩層含義,第一是npm這個開源的模塊登記和管理系統,也就是這個站點:https://www.npmjs.com。 
第二個指的是 nodejs package manager 也就是nodejs的包管理工具。咱們主要說的就是這一個。 
在每一個版本的nodejs中,都會自帶npm,爲了統一塊兒見,咱們安裝一個全局的npm工具,這個操做頗有必要,由於咱們須要安裝一些全局的其餘包,不會由於切換node版本形成原來下載過的包不可用。

首先咱們進入命令模式,輸入 

npm config set prefix "F:htmlnvmnpm" 

npm config set cache "F:htmlnvmnpm_cache" 

這是在配置npm的全局安裝路徑,而後在用戶文件夾下會生成一個.npmrc的文件,用記事本打開後能夠看到以下內容

​​
clipboard.png

這樣全局安裝包的時候npm install xxx -g,會安裝到F:htmlnvmnpm目錄下

​​
clipboard.png

​​
clipboard.png

咱們爲這個npm配置環境變量: 變量名爲:NPM_HOME,變量值爲 :F:htmlnvmnpm

​​
clipboard.png

在Path的最前面添加;%NPM_HOME%,注意了,這個必定要添加在 %NVM_SYMLINK%以前

​​
clipboard.png

cmd 輸入npm -v,此時咱們使用的就是咱們統一下載的npm包了。

​​
clipboard.png

PS:若是全局安裝包後,好比安裝了gulp,npm install gulp -g,若是運行gulp提示gulp命令不可用,請進入如下目錄,shift右擊打開命令窗口,運行gulp命令,若是能夠運行,證實gulp包安裝正確了,先關掉全部的cmd窗口從新打開一個cmd試試,仍是不行的話說明環境變量配置錯誤,請檢查;若是不能運行,說明gulp包安裝錯誤,從新安裝試試;

clipboard.png

​​

一樣的咱們還能夠安裝cnpm工具,它是中國版的npm鏡像庫,地址在這裏:https://cnpmjs.org/,也是npm官方的一個拷貝,由於咱們和外界有一堵牆隔着,因此用這個國內的比較快,淘寶也弄了一個和npm同樣的鏡像庫,http://npm.taobao.org/,它和官方的npm每隔10分鐘同步一次。安裝方式:
淘寶的npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝好了cnpm後,直接執行cnpm install 包名好比:cnpm install gulp -g 就能夠了。-g只是爲了把包安裝在全局路徑下。若是不全局安裝,也能夠在當前目錄中安裝,不用-g就能夠了。

對文章有任何問題均可以評論留言哦,我會在第一時間回覆,謝謝你們了。

----    End   ----

相關文章
相關標籤/搜索