昨天在筆記本上安裝webpack,按照教程下來,使用webpack命令行,報錯:'webpack' 不是內部或外部命令,也不是可運行的程序 或批處理文件。網上有大量的配置方法與解決辦法,找了很久才成功解決。node
從新梳理一下,寫一個詳細教程儘可能幫助你們成功安裝webpack。webpack
官網有最新版的nodejs,可是最新版可能有各類狀況出現,網上的教程針對舊版的教程,這裏使用一個廖雪峯老師給出的nodejs連接--》node.js國內鏡像web
按照步驟直接點擊下一步完成安裝,nodejs默認集成了npm,無需再次安裝。npm
win+R輸入cmd打開命令行 輸入 node -v 回車查看nodejs是否成功安裝:緩存
輸入npm -v 也能夠查看npm是否成功安裝,安裝成功後出現版本號說明nodejs.npm安裝成功。spa
個人nodejs是默認安裝路徑C:\Program Files\nodejs,最開始是安裝在其餘盤的,可是配置的時候各類問題,後重裝改成默認路徑命令行
在C:\Program Files\nodejs文件夾內新建兩個文件夾用於全局存放依賴包路徑,和緩存路徑3d
緩存C:\Program Files\nodejs\node_cacheblog
存放C:\Program Files\nodejs\node_global教程
文件夾建立完成後打開命令行輸入以下命令 配置路徑:
npm config set cache "C:\Program Files\nodejs\node_cache"
回車
輸入:
npm config set prefix "C:\Program Files\nodejs\node_global" 回車
(輸入指令後,命令行閃一下,不會有任何提示)
webpack分爲全局安裝,與項目安裝(安裝在你指定的文件夾內),我這裏使用的是全局安裝
啓動cmd,鍵入以下的命令:
npm install webpack -g
點擊回車,會有一個進度條,等待進度條完成後,出現以下信息(具體信息可能有差異,可是隻要不出現error說明安裝成功):
此時,打開nodejs的路徑C:\Program Files\nodejs\node_global文件夾,發現多了一些東西:
此時全局webpack已經成功安裝。
個人電腦——右鍵屬性——高級系統設置——高級———環境變量
分別新建用戶變量PATH和系統變量NODE_PATH
用戶變量:
系統變量:
這是最重要的一點;在安裝webpack後出現'webpack' 不是內部或外部命令的問題 就是此處設置不對
PATH和NODE_PATH所有設置爲:C:\Program Files\nodejs\node_global。
看到網上的設置方法爲 :NODE_PATH屬性指向C:\Program Files\nodejs\node_global\node_modules,這樣設置並不對,就會致使報不是內部命令
按照以上步驟nodejs npm webpack算是真正安裝配置完,而後就能夠直接使用了,推薦一篇博客適合新手入門