1. 程式人生 > >webpack安裝問題:webpack不是內部或外部命令

webpack安裝問題:webpack不是內部或外部命令

令行 alt 問題 版本 但是 技術 一個 用戶 路徑和

梳理過程:(全局安裝webpack)

1. 下載安裝node.js(npm)

nodejs默認集成npm,無需再次安裝

2.配置環境

win+R 輸入cmd 打開命令行,輸入 node -v回車,查看nodejs是否安裝成功:

(若成功,直接顯示版本號)

npm -v 也可以查看npm是否成功安裝,以上也可說明nodejs.npm安裝成功。

1> 配置文件夾

我的nodejs默認安裝路徑為C:\Program Files\nodejs,

在C:\Program Files\nodejs文件夾下新建2個文件夾用於全局存放依賴包路徑和緩存路徑

緩存C:\Program Files\nodejs\node_cache

存放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" 回車

(輸入指令後,命令行閃一下,不會有任何提示)

2> 安裝webpack

webpack分為全局安裝,與項目安裝(安裝在你指定的文件夾內),我這裏使用的是全局安裝

啟動cmd,鍵入如下的命令:

npm install webpack -g

點擊回車,會有一個進度條,等待進度條完成後,(具體信息可能有差別,但是只要不出現error說明安裝成功)。

此時,打開nodejs的路徑C:\Program Files\nodejs\node_global文件夾,發現多了一些東西:

技術分享圖片

此時全局webpack已經成功安裝。

3> 環境變量配置

我的電腦——右鍵屬性——高級系統設置——高級———環境變量

分別新建用戶變量PATH和系統變量NODE_PATH

技術分享圖片

技術分享圖片

這是最重要的一點;在安裝webpack後出現‘webpack‘ 不是內部或外部命令的問題 就是此處設置不對

PATH和NODE_PATH全部設置為:C:\Program Files\nodejs\node_global。

看到網上的設置方法為 :NODE_PATH屬性指向C:\Program Files\nodejs\node_global\node_modules,這樣設置並不對,就會導致報不是內部命令

http://www.cnblogs.com/fengchaoran/p/8461317.html

webpack安裝問題:webpack不是內部或外部命令