1、技術基礎
（1）vue2.0：優秀的MVVM設計模式下的JS框架；
（2）vue-router：vue.js路由管理模塊；
（3）vuex：vue.js狀態管理模塊；
（4）ElementUI：餓了麽提供的基於Vue.js的UI框架；
2、前端環境安裝
NodeJS（npm自帶）
Visual Studio Code（輕量級前端IDE）
（1）檢查環境：
npm -v
（2）升級舊版本的npm：
sudo npm install npm -g #linux
npm install npm -g　　# windows
（3）安裝webpack
npm install webpack -g
（4）安裝vue-cli（安裝 vue 腳手架項目初始化工具 vue-cli，-g 表示全局安裝）
npm install vue-cli -g
（5）npm中央倉庫換成國內的淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
（6）創建項目
vue init webpack kiven-ui
一路根據提示輸入項目信息，等待項目生成。

選擇自己手工安裝依賴，結果如下：

進入項目，執行如下命令完成依賴包的安裝，依賴包都是在項目的node_modules文件夾下。

cnpm install element-ui font-awesome js-cookie mockjs vue-i18n vuex axios sass-loader node-sass --save-dev
（7）運行項目
npm run dev
命令執行之後，如果顯示 “I Your application is runing here ....”，就表示啟動成功了。
（8）訪問項目
瀏覽器訪問對應地址，例如: http://localhost:8080，會出現 vue 的介紹頁面。
到此，我們的項目腳手架就建立起來了。

權限管理系統--前端篇（一）搭建前端開發環境