# 2. 安裝
## 1. 安裝 nodejs
要使用 webpack,必須確保電腦上存在著 nodejs 這個運行環境,所以,如果沒有 nodejs,要先安裝它。
在瀏覽器輸入下面的網址:
<https://nodejs.org/en/>
界面如下:

下載安裝包后,點擊可執行文件,不斷地按下一步,就可以安裝成功。
最后打開命令行終端,輸入以下命令。
```
$ node -v
```
應該會顯示所安裝的 nodejs 的版本,比如我的:
```
v7.8.0
```
這樣就表示電腦上有 nodejs 的環境了。
## 2. 安裝 webpack
下一步,就可以安裝 webpack 了。
在命令行終端上輸入以下命令:
```
$ npm install -g webpack
```
> npm 是 nodejs 管理插件用的工具,install 表示安裝,-g 表示全局安裝,這樣會把可執行文件 webpack 放到 bin 目錄下,以后就可以直接運行 webpack 目錄了。
我們來檢測一下是否把 webpack 安裝成功了。
在終端上輸入以下命令:
```
webpack -v
```
輸出 webpack 的版本如下:
```
3.6.0
```
> 值得一提的是,如果用國內的網絡安裝 npm 包會很慢的話,可以考慮用一下淘寶的源,具體可以看 <https://npm.taobao.org/> 或 <https://github.com/Pana/nrm>
- 0. 開始
- 1. 介紹
- 2. 安裝
- 3. 實現 hello world
- 4. webpack 的配置文件 webpack.config.js
- 5. 使用第一個 webpack 插件 html-webpack-plugin
- 6. 使用 loader 處理 CSS 和 Sass
- 7. 初識 webpack-dev-server
- 8. 用 webpack 和 babel 配置 react 開發環境
- 9. 用 clean-webpack-plugin 來清除文件
- 10. 配置多個 HTML 文件
- 11. 如何使用 pug (jade) 作為 HTML 的模板
- 12. 如何使用模塊熱替換 HMR 來處理 CSS
- 13. 生產環境 vs 開發環境
- 14. 如何打包圖片
- 15. 加載和打包 Twitter Bootstrap 框架
- 16. 使用 ProvidePlugin 插件來處理像 jQuery 這樣的第三方包
- 17. 輕松通過兩個實例來理解 devtool: 'source-map' 是什么意思
- 18. 構建開發和生產環境-分離配置文件