vue-element-admin框架快速入門 ( 第一種 ) 別人已經搭建好的后台系統模板


快速入門一:

當然代碼還是用於二次開發,其實作者開發的很不錯,冗余的東西貌似也不少。這里其作者推薦vue-element-admin來做二次開發。我們進行導航和樣式修改,這里大家可以看看。

獲取項目:
git clone https://github.com/Angelasp/vue-element-admin.git

安裝依賴
npm install

本地開發 啟動項目
npm run dev
發布

構建測試環境
npm run build:stage

構建生產環境
npm run build:prod


預覽發布環境效果
npm run preview

預覽發布環境效果 + 靜態資源分析
npm run preview -- --report

代碼格式檢查
npm run lint

代碼格式檢查並自動修復
npm run lint -- --fix

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

來幾張后台修改后的圖片:

后台登錄頁面

后台主界面

用戶管理頁面

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM