node.js的安裝
首先需要安裝node.js
- 官網地址：https://nodejs.org/en/
- 下載LTS穩定版本即可，一路傻瓜式安裝
- 安裝之後在cmd中執行node -v npm -v如果顯示版本的話則安裝成功
配置
找到安裝node.js的地址，裏面會有node_cache和node_global兩個文件
如果沒有的話，你可以創建一下，然後在cmd中執行npm config set cache "D:\nodejs\node_cache"和
npm config set prefix “D:\nodejs\node_global”即可
webpack安裝
**全局安裝webpack**- 在cmd中執行npm install webpack -g會給你安裝最新的webpack版本
- 如果你想指定版本安裝的話，npm install webpack@版本號 -g即可.例如:npm install [email protected] -g
- 如果下載過慢的話，可以去找個鏡像，會快很多。
- 如果不出現error，則安裝成功
這時候你可能會執行webpack -v 看看是否會顯示版本以證明安裝成功，然而事實並非你所願
這時候會出現如圖所示，顯示webpack不是內部或者外部命令，不要着急，不要暴躁，這時候你打開node_global 文件夾，你會發現裏面其實已經有webpack的文件啦
安裝成功之後，還要按個webpack-cli工具
執行npm install webpack-cli -g就好了
下面只需要進行環境變量的配置就ok啦
環境變量配置
點擊此電腦
然後右鍵屬性，選擇高級系統設置
選擇高級中的環境變量
然後在用戶變量中添加node_global的路徑即可，我的是“D:\VScode\node\node_global”
然後點擊確定，再在系統變量中新建一共NODE_PATH 並添加node_global的路徑
然後一路點擊確定，這時候就基本完成了安裝。這時候你再重新打開cmd，執行webpack -v 就可以顯示版本號啦
VScode中無法使用webpack命令
安裝好webpack之後，發現在cmd中可以使用，但是vscode中不能使用
這時候只需要在下面執行 Set-ExecutionPolicy -Scope CurrentUser
然後再輸入 RemoteSigned 即可
這時已經可以正常使用啦，簡單的測試一下
歐克，成功啦