準(zhǔn)備工作
該項(xiàng)目是使用 Vue 官方提供的 vue-cli 這個構(gòu)建工具，大大降低了我們使用webpack來配置項(xiàng)目的難度。
1、該項(xiàng)目要基于node環(huán)境，所以我們要去官網(wǎng)下載安裝（具體不再贅述）；
2、安裝npm，一般安裝最新版node的時(shí)候就會安裝好npm。
開始搭建
一、全局安裝 vue-cli，輸入下面的命令：npm install -g vue-cli
二、創(chuàng)建一個基于 webpack 模板的新項(xiàng)目 myProject（項(xiàng)目名可自己定義），輸入命令：vue init webpack myProject
接下來一般都按 enter 鍵即可，但要注意以下兩點(diǎn)：
1、項(xiàng)目名稱：項(xiàng)目名不能包含大寫字母，myProject中包含大寫字母，所以需要修改。
2、ESLint 即代碼規(guī)范，這個直接選 Y 的話，代碼寫得不規(guī)范會報(bào)錯，新手很蛋疼，所以可以選 n。
3、項(xiàng)目創(chuàng)建成功
三、進(jìn)入創(chuàng)建的項(xiàng)目文件夾：cd myProject
四、啟動本地服務(wù)器：npm run dev
1、在瀏覽器中打開圖中地址：
2、可以看到項(xiàng)目搭建成功！
五、接下來安裝我們需要的插件依賴包
1、安裝 element-ui（基于vue的UI框架)： npm i element-ui -S
然后在 main.js 中寫入黑體部分，修改為以下內(nèi)容：
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
Vue.config.productionTip = false
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
2、安裝 axios (AJAX與后臺交互數(shù)據(jù))
npm install axios -s
3、安裝 vuex（基于vue的狀態(tài)管理模式）
npm install vuex -S
4、安裝 echarts（圖表顯示）
npm install echarts --save
六、偷懶借菜鳥教程的說明，注釋下我們的項(xiàng)目目錄
