vue3-admin-plus
中文 | English
vue3-admin-plus提供企業(yè)級的開發(fā)demo
本架構(gòu)使用的技術(shù)為：vue3(setup-script)+vite2+element-plus 的新一代的前端框架，It's fast!
使用 eslint+prettier+gitHooks 格式和校驗(yàn)代碼,提高代碼規(guī)范性和開發(fā)效率
使用最先進(jìn)的包管理工具pnpm
更新日志
---請查看架構(gòu)文檔
文檔
線上體驗(yàn)
github 地址： https://github.com/jzfai/vue3-admin-plus.git
國內(nèi)體驗(yàn)地址：http://8.135.1.141/vue3-admin-plus
例子
---- 我們先看看加載速度和構(gòu)建后的包大小：
相關(guān)項(xiàng)目
框架有js，ts，plus和electron版本
- js版本：vue3-element-admin
- ts版本：vue3-element-ts
- js實(shí)例參考plus版本：vue3-element-plus
- electron版本：vue3-element-electron
- react版本： react-admin-template
- java微服務(wù)后臺數(shù)據(jù)：micro-service-plus
開發(fā)和使用感受：兩個(gè)字 真香！?。。。?/p>
vue3和vue2在性能上的對比
打包大小減少41%
初次渲染快55%, 更新渲染快133%
內(nèi)存減少54%
使用Proxy代替defineProperty實(shí)現(xiàn)數(shù)據(jù)響應(yīng)式
重寫虛擬DOM的實(shí)現(xiàn)和Tree-Shaking
構(gòu)建步驟
# 克隆項(xiàng)目
git clone https://github.com/jzfai/vue3-admin-plus.git
# 進(jìn)入項(xiàng)目目錄
cd vue3-admin-plus
# pnpm address https://pnpm.io/zh/motivation
# 安裝依賴(建議用pnpm)
# 你可以使用 "npm -g i pnpm" 去安裝pnpm
pnpm i
# 啟動(dòng)服務(wù)
pnpm run dev
瀏覽器訪問 http://localhost:5001
發(fā)布
# 構(gòu)建測試環(huán)境
pnpm run build-serve
# 構(gòu)建生產(chǎn)環(huán)境
pnpm run build
其它
# 預(yù)覽發(fā)布環(huán)境效果
pnpm run preview:build-serve
# 預(yù)覽生產(chǎn)環(huán)境
pnpm run preview
# 代碼格式檢查并自動(dòng)修復(fù)
pnpm run lint
功能
- 登錄 / 注銷
- 權(quán)限驗(yàn)證
- 頁面權(quán)限
- 指令權(quán)限
- 權(quán)限配置
- 二步登錄
- 多環(huán)境發(fā)布
- serve
- build
- priview
- lint
- 全局功能
#- 國際化多語言
#- 多種動(dòng)態(tài)換膚
- 動(dòng)態(tài)側(cè)邊欄（支持多級路由嵌套）
- 動(dòng)態(tài)面包屑
- 快捷導(dǎo)航(標(biāo)簽頁)
- Svg Sprite 圖標(biāo)
- 本地/后端 mock 數(shù)據(jù)
#- Screenfull全屏
- 自適應(yīng)收縮側(cè)邊欄
- 編輯器
- 富文本
- Markdown
#- JSON 等多格式
#- Excel
#- 導(dǎo)出excel
#- 導(dǎo)入excel
#- 前端可視化excel
#- 導(dǎo)出zip
- 表格
- 動(dòng)態(tài)表格
#- 拖拽表格
#- 內(nèi)聯(lián)編輯
- 錯(cuò)誤頁面
- 401
- 404
- 組件
- 頭像上傳
- 返回頂部
#- 拖拽Dialog
#- 拖拽Select
#- 拖拽看板
#- 列表拖拽
#- SplitPane
#- Dropzone
#- Sticky
#- CountTo
- 綜合實(shí)例
- 錯(cuò)誤日志
- Dashboard
#- 引導(dǎo)頁
- ECharts 圖表
#- Clipboard(剪貼復(fù)制)
#- Markdown2html
注：#---暫未實(shí)現(xiàn)(希望大家能一起開發(fā))
額外
架構(gòu)開發(fā)不易，如果感覺好，請給我點(diǎn)個(gè) start ，架構(gòu)還在不斷完善中，歡迎加入我開發(fā)，一起成為Contributors ?。。?！
瀏覽器支持
注意：vue3不在支持IE瀏覽器
Modern browsers and Internet Explorer 11+.
討論和交流(含vue3+ts視頻教程)
版本
MIT license.
Copyright (c) 2021-present kuanghua
