最近打算做一個基于vue的仿外賣APP，前期需要做一些安裝配置工作，所涵蓋的技術棧有vue、vue-router、vue-resource、vue-cli、webpack、ES6與localstorage等等，現在先介紹vue-cli腳手架個webpack打包工具的安裝。
vue-cli腳手架作用
目錄結構、本地調試、代碼部署、熱加載、單元測試
另外webpack的作用：http://www.cnblogs.com/orlion/p/6532960.html
安裝步驟：
（1）下載路徑http://nodejs.cn/download/ ，下注意node的版本要，載完后可以選擇安裝在默認路徑，占用空間不大(34M左右)，然后配置環境變量；
（2） 打開CMD控制臺，運行npm -v和 node -v檢測nodejs和npm是否正常安裝，如果正常安裝可顯示版本號，注意nodejs的版本必須在v4.0以上；
（3） 安裝cnpm（npm下載vue-cli會很慢，cnpm大法好）： npm install -g cnpm --registry=https://registry.npm.taobao.org，安裝完成后可以運行cnpm -v查看是否安裝成功，安裝成功后顯示cnpm的詳細信息；
（4）安裝webpack：cnpm? install? webpack? -g；
（5）安裝vue-cli：cnpm? install? vue-cli? -g；
（6）新建一個項目目錄并進入： cd? ? 項目目錄；
（7）在當前項目目錄下構建項目：vue? init? webpack-simple? projectName；
（8）在上一步的基礎上回車，按提示輸入項目名稱、項目描述以及作者信息，如下圖：
最后檢查當前項目文件夾下是否有以下生成的文件：
至此，vue-cli和webpack配置完成。
