vue project

#基於vue-cli建構的財務後台管理系統( vue2 + vuex + axios + vue-router + element-ui + echarts + websocket + vue-i18n )

---

本計畫可以學到:

 1、学会使用vue-cli2.0构建项目.
2、基于(pomise)封装axios的get、post等http请求.
3、学会使用vue-router实现页面跳转带参.
4、学会使用vuex状态管理.
5、配套element-ui(主要对table的操作多)
6、对elementui进行二次封装组件,提高复用性
7、略微涉及echarts作图标分析
8、使用websocket监听ele进度条状态
9、使用vue-i18n实现国际化--中英文切换
10、使用Ngprogress做加载,类似github loading bar

安裝

項目地址：

（ git clone ）

git clone https://github.com/hzlshen/vue-project.git

透過npm安裝本機服務第三方依賴模組(需要已安裝Node.js)

 npm install

啟動服務(http://localhost:8080)

 npm run dev

發布程式碼

 npm run build

開發

目錄結構

.
├── README.md           
├── build // 建置服務與webpack配置├── config // 專案不同環境的設定├── dist // 專案build目錄├── index.html // 專案入口檔├── package.json //專案設定檔├── src // 生產目錄│ ├── assets // css js 與圖片資源│ ├── axios // ajax url 放置│ ├── components // 各種元件│ ├── images // 圖片資料夾│ ├── i18n // 國際化資料夾│ ├── page // 各種頁面│ ├── router //頁面路由│ ├── store // vuex狀態管理器│ ├── style // 樣式檔│ └── main.js // Webpack 預編譯入口

###專案截圖