vue-element-admin框架快速入門

      年底了，最近公司也不是太忙，感覺今年互聯(lián)網(wǎng)行業(yè)都遇到寒冬，不在是前兩年像熱的發(fā)燙的賽道。這幾天完成公司項(xiàng)目系統(tǒng)的優(yōu)化和升級，目前準(zhǔn)備想開發(fā)一套前后端分離的系統(tǒng)。
       現(xiàn)在java最新最火的技術(shù)要數(shù)springboot了，部門系統(tǒng)的架構(gòu)一直是我在開發(fā)，當(dāng)然中間也踩過一些坑其實(shí)都是一些很簡單的問題，隨之技術(shù)的不斷演變，我也在努力學(xué)習(xí)一些新的技術(shù)。
        突然感覺技術(shù)這條路永遠(yuǎn)走不完，如果有機(jī)會抓緊轉(zhuǎn)管理吧！ 當(dāng)然愛好給我一樣永遠(yuǎn)在研發(fā)技術(shù)這條路上奔跑，有點(diǎn)扯遠(yuǎn)了 哈哈！ 先看看怎么快速入門Vue+ElementUi框架吧
有興趣的可以加入我們一塊努力github地址：https://github.com/Angelasp/vue-element-admin  

快速入門一：

當(dāng)然代碼還是用于二次開發(fā)，其實(shí)作者開發(fā)的很不錯，冗余的東西貌似也不少。這里其作者推薦vue-element-admin來做二次開發(fā)。我們進(jìn)行導(dǎo)航和樣式修改，這里大家可以看看。

獲取項(xiàng)目：
git clone https://github.com/Angelasp/vue-element-admin.git

安裝依賴
npm install

本地開發(fā) 啟動項(xiàng)目
npm run dev
發(fā)布

構(gòu)建測試環(huán)境
npm run build:stage

構(gòu)建生產(chǎn)環(huán)境
npm run build:prod

預(yù)覽發(fā)布環(huán)境效果
npm run preview

預(yù)覽發(fā)布環(huán)境效果 + 靜態(tài)資源分析
npm run preview -- --report

代碼格式檢查
npm run lint

代碼格式檢查并自動修復(fù)
npm run lint -- --fix

src/components 目錄下有多個頁面，頁面包括（echart、Excel、圖片上傳等）
src/api 請求接口訪問
src/assets 靜態(tài)資源文件
src/mock  模擬數(shù)據(jù)
src/router 路由

來幾張后臺修改后的圖片：

后臺登錄頁面

?

后臺主界面

?

用戶管理頁面

?

開發(fā)可參考說明文檔https://panjiachen.github.io/vue-element-admin-site/zh/guide

vue前端開發(fā)QQ群：698108051