本文連接:http://www.javashuo.com/article/p-gnvfnacm-ma.htmlnode
本機環境:Windows 10 專業版 x64webpack
Node.js 官方網站下載:https://nodejs.org/en/web
選擇操做系統對應的包:npm
下載完成,安裝包以下:緩存
打開安裝,傻瓜式下一步便可:測試
選擇安裝位置,我這裏裝在D盤下:網站
安裝成功,文件夾結構以下,並在上面安裝過程當中已自動配置了環境變量和安裝好了npm包,此時能夠執行 node -v 和 npm -v 分別查看node和npm的版本號:spa
由於在執行例如npm install webpack -g等命令全局安裝的時候,默認會將模塊安裝在C:\Users\用戶名\AppData\Roaming路徑下的npm和npm_cache中,不方便管理且佔用C盤空間,以下圖所示:操作系統
因此這裏配置自定義的全局模塊安裝目錄,在node.js安裝目錄下新建兩個文件夾 node_global和node_cache,而後在cmd命令下執行以下兩個命令:.net
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
執行成功。而後在環境變量 -> 系統變量中新建一個變量名爲 「NODE_PATH」, 值爲「D:\Program Files\nodejs\node_modules」,以下圖:
最後編輯用戶變量裏的Path,將相應npm的路徑改成:D:\Program Files\nodejs\node_global,以下:
更改前:
更改後:
配置完成。
在cmd命令下執行 npm install webpack -g 而後安裝成功後能夠看到自定義的兩個文件夾已生效:
webpack 也已安裝成功,執行 npm webpack -v 能夠看到所安裝webpack的版本號: