小白系列《完美處理nvm npm 配置node.js環境安裝》

node.js安裝需瞭解三個關鍵詞:node , nvm , npm

    node.js是一門後端語言,可以做web服務器。並且前端的框架Vue也需要用到這個安裝環境,所以node.js安裝是必經之路。其實安裝較爲簡單,但是中間穿插了包管理,就顯得有些繞口!所以在安裝之前我們需要先理清一下思路。
    第一點:nvm是一個node.js的版本管理插件,例如你的電腦裏安裝了 node.js_v0 版 與 node.js_v1版 。但是在做項目過程中需要切換不同的版本下的環境進行開發。
    第二點:npm是node.js這個程序是一個包管理器,例如用node.js寫的express後端框架,這個express框架有 v0 版與 v1版 ,這個時候就需用到npm進行管理,下載,更新或是卸載等操作。
    所以,nvm是管理node.js的版本;npm是管理及下載node.js中包的工具。
    補充:npm在node.js高版本中已經自帶安裝,就是在我們自己安裝node.js的時候,就自帶安裝了npm。

我們採用nvm的安裝方式進行作業

第一步:在C盤目錄中,創建一個文件夾命名爲dev,在dev文件中命名兩個文件nodejs文件夾 與 nvm文件夾
在這裏插入圖片描述
第二步:在nvm官網中下載一個nvm壓縮包。名字叫做:nvm-noinstall(免安裝版)這裏有個鏈接,是我自己上傳的,大家可以下載試試。

第三步:下載完成後,進行解壓。將文件解壓到nvm的文件夾中。理論上可以看見如下文件:
在這裏插入圖片描述
第四步:點擊install文件,然後配置一下setting文件,配置內容如下:

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

配置完成後,將setting文件另存在nvm文件中,這一步一定要作!
在這裏插入圖片描述
第五步:配置環境變量。找到計算中環境變量設置的地方,這個大家資訊解決。非常容易找到!
然後配置方法分兩步走:
第五步-1:分別設置如下內容,可以自己添加都行。
NVM_HOME: C:\dev\nvm
NVM_SYMLKNK: C:\dev\nodejs
在這裏插入圖片描述

第五步-2:配置Path路徑,綁定剛剛設置的內容,格式如下:
Path:%NVM_HOME%;%NVM_SYMLKNK%
在這裏插入圖片描述
第六步:在桌面,wind + R ,調出命名窗口,輸入cmd。這個要是不會,那是真白!
在這裏插入圖片描述
第七步:輸入nvm-v,查詢nvm的安裝叛本。
在這裏插入圖片描述
第八步:輸入nvm install (node版本號),可以去官網看下版本號,我這裏看的是12.18.2 穩定版,14.5.0最新版
這裏舉例: nvm install 12.18.2
在這裏插入圖片描述
第九步:輸入node -v (正常情況你們應該顯示的是v12.18.2),因爲我的電腦已經安裝了v6.10.3,只是做個簡單的例子,心裏清楚就好了。
在這裏插入圖片描述
第十步:確認npm是否安裝成功!輸入npm -v,正常情況顯示如下。整個流程就進行完結了。
在這裏插入圖片描述
第十一步:假如你的第十步,沒有顯示出npm的版本號,說明node在安裝的過程中,npm沒有安裝成功。這裏說明一下解決方案。手動下載npm壓縮檔文件。鏈接如下:待更新

然後找到node的安裝文件夾:在C:\dev\nvm\v12.18.2你會看見node_modules文件夾。並且這個文件夾是空的!
在這裏插入圖片描述
第十二步:將解壓的npm文件整個拖入到node_modules文件中。並且將npm解壓包中的bin文件中的2個npm文件,複製到
C:\dev\nvm\v12.18.2當前文件中。

就是這兩個文件:
在這裏插入圖片描述
一定要copy 到C:\dev\nvm\v12.18.2當前文件中。
在這裏插入圖片描述
第十四步:輸入npm -v,就會顯示正常。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章