1.安裝

1.1安裝node.js

1.1.1安裝及測試

找到官網下載相對應的版本進行安裝，如圖所示（官網連結）：

    下載直接進行安裝，其中安裝目錄最好手動選取，而且路徑當中最好不要存在空格以及漢字，經測試後面執行命令時，如果存在漢字及空格，命令會失效。

安裝完成後鍵入node -v進行測試，同時測試npm -v 如果測試成功會顯示版本號，如下圖所示：

1.1.2環境設定

這裡所要設定的是全域性模組所在的路徑，以及快取cache的路徑。cmd中鍵入：

npm config set prefix "想要設定的路徑一般在安裝路徑中，可以是node_global"
npm config set cache "想要設定的路徑一般在安裝路徑中，也可以是node_cache"
 

設定完成後檢視路徑C:\Users\Administrator下的檔案.npmrc，檔案中內容為：

prefix=C:\nodejs\nvm\v8.11.2\node_global
cache=C:\nodejs\nvm\v8.11.2\node_cache

環境變數中新建節點node_path，具體的用處還沒有找到，設定路徑為全域性模組所在的路徑。

1.2安裝webpack

在cmd中鍵入：

npm install webpack -g

測試如下圖所示：

其中產生的問題請轉移到bug部分進行檢視。

報錯："webpack"不是內部或者外部命令。

2.bug

One CLI for webpack must be installed. These are recommended choices, delivered
as separate packages:
 - webpack-cli (https://github.com/webpack/webpack-cli)
   The original webpack full-featured CLI.
 - webpack-command (https://github.com/webpack-contrib/webpack-command)
   A lightweight, opinionated webpack CLI.
We will use "npm" to install the CLI via "npm install -D".
Which one do you like to install (webpack-cli/webpack-command):
 

webpack-cli

之後提示沒有安裝webpack-cli，這時候只要鍵入初始化webpack的語句就可以初始化webpack-cli：

npm install webpack-cli -g
//如果映象安裝使用npmc