nodejs、npm 環境配置步驟(windows版本)

前陣子由於電腦系統重裝,致使nodejs環境須要從新配置,超級麻煩,因此此次把node的環境配置步驟記下來,下回再出現這種狀況,只須要配置一下環境變量就搞定,省事。vue

  1. node官網下載windows版本的nodejs,進行安裝node程序node

  2. 安裝過程基本直接「NEXT」就能夠了。(這邊爲了不重裝系統等事件影響,安裝在非系統版,這裏安裝在D:\Program Files\nodejsvue-cli

  3. 安裝完成後可使用cmd(win+r而後輸入cmd進入)測試下是否安裝成功。方法:在cmd下輸入node -v,出現版本提示就是完成了NodeJS的安裝。 npm

    node版本

  4. 因爲新版的NodeJS已經集成了npm,因此nodejs安裝完成時npm也一併安裝好了。一樣可使用cmd命令行輸入npm-v來測試是否成功安裝。 windows

    npm版本

  5. 常規NodeJS的搭建到如今爲止已經完成了,急不及待的話你能夠在」cmd「輸入node進入node開發模式下,輸入你的NodeJS第一句:」hello world「 - 在命令窗口輸入:console.log('hello world')測試

hello world
6. 自定義npm全局路徑

  • 咱們要先配置npm的全局模塊的存放路徑以及cache的路徑,例如我但願將以上兩個文件夾放在NodeJS的主目錄下,便在NodeJs下創建node_globalnode_cache兩個文件夾。以下圖

npm全局路徑

  • 啓動cmd,輸入如下兩條命令,成功後以後經過npm全局安裝的包都會存放到node_global文件夾下,後續查找包較方便。

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"命令行

npm全局路徑配置

  • 測試一下,安裝一個vue-cli 包,輸入npm install -g vue-cli命令,安裝成功後會提示已安裝到D:\Program Files\nodejs\node_cache文件夾中

vue-cli安裝

  1. npm的全局路徑配置完成了,如今開始配置系統環境變量
  • 打開系統對話框,「個人電腦」右鍵「屬性」-「高級系統設置」-「高級」-「環境變量」。
  • 進入環境變量對話框,在 系統變量 下新建NODE_PATH,輸入D:\Program Files\nodejs\node_global\node_modules
  • 因爲改變了modules的默認地址,因此上面的用戶變量都要跟着改變一下(用戶變量 PATH的值修改成D:\Program Files\nodejs\node_global\),要否則使用module的時候會致使輸入命令出現xxx不是內部或外部命令,也不是可運行的程序或批處理文件這個錯誤。
  • 由於這裏配置的環境變量涉及全局,因此配置完成後須要 重啓計算機

媽媽不再用擔憂個人電腦更換系統了,只要不更換D盤(安裝node的磁盤),後續更換系統只需按步驟從新配置環境變量便可。[~_~]code

相關文章
相關標籤/搜索