npm的安裝與設定有以下步驟:下載並安裝nodejs、開啟cmd檢查是否安裝成功、npm的環境配置、偵測npm是否配置成功
npm的安裝與環境配置
![npm如何安裝與配置](https://img.php.cn/upload/article/000/000/028/5c4593d2a9ef8364.jpg)
【推薦文章:npm中有哪些有用的提示和技巧、npm是什麼】
#(1)下載並安裝nodejs
下載網址:https://nodejs.org/en/
![npm如何安裝與配置](https://img.php.cn/upload/article/000/000/028/5c458c7d87d57152.jpg)
#選擇next即可,本篇中選擇的路徑D :\nodejs資料夾下
(2)開啟CMD,檢查是否正常path路徑是否正常
![npm如何安裝與配置](https://img.php.cn/upload/article/000/000/028/5c458cd419777810.jpg)
##( 3)安裝完成後測試下nodejs和npm是否安裝成功
方法:在cmd下輸入node -v,npm -v出現下圖版本提示就是完成了NodeJS和npm的安裝
![1548063866537375.jpg npm如何安裝與配置](https://img.php.cn/upload/image/217/574/312/1548063866537375.jpg)
(4)npm配置
#模組路徑、cache路徑
先配置npm的全域模組的存放路徑以及cache的路徑
具體方法:在NodeJs下建立"node_global"及"node_cache"兩個資料夾。如下圖
![1548062226221908.jpg Image 19.jpg](https://img.php.cn/upload/image/853/638/991/1548062226221908.jpg)
然後執行以下2個指令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
![1548062316609350.jpg npm如何安裝與配置](https://img.php.cn/upload/image/899/610/757/1548062316609350.jpg)
可以發現目錄路徑改變了
輸入指令npm config set registry=http://registry. npm.taobao.org 設定鏡像站
輸入指令npm config list 顯示所有設定訊息
![1548062409590598.jpg npm如何安裝與配置](https://img.php.cn/upload/image/268/610/453/1548062409590598.jpg)
檢查一下映像站行不行指令1
npm config get registry
![1548062593589355.jpg npm如何安裝與配置](https://img.php.cn/upload/image/144/111/856/1548062593589355.jpg)
檢查一下鏡像站行不行指令2
Npm info vue 看看能否取得vue的資訊
![1548062669539787.jpg npm如何安裝與配置](https://img.php.cn/upload/image/475/317/492/1548062669539787.jpg)
注意,此時,預設的模組D:\nodejs\node_modules 目錄
將會改變為D:\nodejs\node_global\node_modules 目錄,
如果直接執行npm install等指令會報錯的。
我們需要做1件事:增加環境變數NODE_PATH 內容是:D:\nodejs\node_global\node_modules,
對path環境變數加入D:\nodejs\node_global
![1548063025554461.jpg npm如何安裝與配置](https://img.php.cn/upload/image/482/729/442/1548063025554461.jpg)
#一、測試NPM安裝vue.js
指令:npm install vue -g
這裡的-g是指安裝到global全域目錄去
![1548063073195839.jpg npm如何安裝與配置](https://img.php.cn/upload/image/265/741/800/1548063073195839.jpg)
我們可以發現在global的目錄下找到了vue
![1548063193159137.jpg npm如何安裝與配置](https://img.php.cn/upload/image/514/308/755/1548063193159137.jpg)
到這一步我們的npm就安裝配置好了
總結:以上就是這篇文章的全部了,希望對大家有幫助。
以上是npm如何安裝與配置的詳細內容。更多資訊請關注PHP中文網其他相關文章!