Vue-Vben-Admin 是一個基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后臺解決方案,目標是為開發中大型項目提供開箱即用的解決方案。包括二次封裝組件、utils、hooks、動態菜單、權限校驗、按鈕級別權限控制等功能。項目會使用前端較新的技術棧,可以作為項目的啟動模板,以幫助你快速搭建企業級中后臺產品原型。也可以作為一個示例,用于學習 vue3、vite、ts 等主流技術。該項目會持續跟進最新技術,并將其應用在項目中。
特性
- 最新技術棧:基于Vue3、Vite、TypeScript等最新技術棧開發
- 輕量快速地熱重載:無論應用程序大小如何,都始終極快的模塊熱重載(HMR)
- 豐富的示例:常見的Web端插件示例實現
- 組件封裝:對日常使用頻率較高的組件二次封裝,滿足基礎工作需求
- 主題配置:豐富的主題配置及黑暗主題適配
- 權限管理:完善的前后端權限管理方案
模板
- vue-vben-admin
該版本主要是提供一些 Demo 示例及插件的使用集成方式,主要用于參考。如果對項目不是很熟悉,不建議在此基礎上進行開發,請使用下方提供的精簡版本。
- vue-vben-admin-thin
vue-vben-admin 精簡版本。刪除了相關示例、無用文件及功能、依賴。可以根據自身需求安裝對應的依賴。因為使用的是 vite,依賴刪除不會導致相關組件或者 hook 發出警告。只在需要的時候安裝對應的庫即可。
瀏覽器支持
- 本地開發推薦使用Chrome 最新版瀏覽器,不支持Chrome 80以下版本
- 生產環境支持現代瀏覽器,不支持 IE
本地運行
# 拉取代碼
git clone https://github.com/vbenjs/vue-vben-admin-doc
# 安裝依賴
yarn
# 運行項目
yarn dev
界面
—END—
開源協議:MIT
開源地址:
https://github.com/vbenjs/vue-vben-admin