從零開始搭建webpack環境,自定義node全局組件安裝路徑

剛重裝完系統，趕緊把環境裝了，仍然廢了不少時間，這次把遇到的問題都記錄下來，便於以後節省時間！本文主要闡述瞭如何解決webpack安裝後命令提示找不到等的問題，以及設置自定義的全局組件安裝目錄。

前言

這次是從零開始安裝的教程，從git ----- Tgit ----- node --------webpack共計四個軟件，附帶資源下載，希望幫助到你可以留言支持一下！

git

安裝git十分簡單，直接去網上下載安裝即可，只要設置一下安裝目錄，其餘均默認即可，這邊就不上圖了，只有一點需要注意，git安裝目錄需要全英文，如果有漢子可是會報錯的，別問我怎麼知道的。

TortoiseGit

git的一個輔助工具，不喜歡的直接跳過即可，這個也是選個目錄即可，漢化補丁下載。

node

1. nodejs算是安裝正式開始把，仍然是傻瓜式安裝即可，後面的配置最爲重要。
   

2. 安裝完畢後命令檢測一下安裝是否成功
   

3. 一般均沒什麼問題，我在安裝nodejs時候沒有遇到什麼問題，在這就不演示問題了，如果這個有問題請自行百度。

4. 下面重頭戲來了，不要直接安裝webpack，請先做以下操作

5. 進入node安裝目錄，找到如下圖npmrc文件，打開文件，文中紅色部分爲自帶部分，這段的意思是定義全局組件安裝路徑，我們需要把他改成藍色的即可，當然可以自定義。
   
   

6. 配置環境變量path，在path中添加剛纔文件中你添加的路徑
   

webpack

7. 命令npm install webpack -g 全局安裝webpack，之後回會提示需要安裝webpack -cli ，輸入y繼續安裝，這裏出錯了，原因是需要全局安裝webpack-cli
8. 執行全局安裝webpack-cli npm install webpack-cli -g
   
9. 完成後輸入webpack -v 檢測安裝成功與否
   
   安裝成功！