《開源精選》是我們分享Github、Gitee等開源社區(qū)中優(yōu)質項目的欄目，包括技術、學習、實用與各種有趣的內容。本期推薦的是一個開源的中后臺前端框架——Vben。

Vue-Vben-Admin 是一個基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后臺解決方案，目標是為開發(fā)中大型項目提供開箱即用的解決方案。包括二次封裝組件、utils、hooks、動態(tài)菜單、權限校驗、按鈕級別權限控制等功能。項目會使用前端較新的技術棧，可以作為項目的啟動模板，以幫助你快速搭建企業(yè)級中后臺產品原型。也可以作為一個示例，用于學習 vue3、vite、ts 等主流技術。該項目會持續(xù)跟進最新技術，并將其應用在項目中。

特性

• 最新技術棧：基于Vue3、Vite、TypeScript等最新技術棧開發(fā)
• 輕量快速地熱重載：無論應用程序大小如何，都始終極快的模塊熱重載（HMR）
• 豐富的示例：常見的Web端插件示例實現(xiàn)
• 組件封裝：對日常使用頻率較高的組件二次封裝,滿足基礎工作需求
• 主題配置：豐富的主題配置及黑暗主題適配
• 權限管理：完善的前后端權限管理方案

模板

• vue-vben-admin

該版本主要是提供一些 Demo 示例及插件的使用集成方式，主要用于參考。如果對項目不是很熟悉，不建議在此基礎上進行開發(fā)，請使用下方提供的精簡版本。

• vue-vben-admin-thin

vue-vben-admin 精簡版本。刪除了相關示例、無用文件及功能、依賴。可以根據自身需求安裝對應的依賴。因為使用的是 vite，依賴刪除不會導致相關組件或者 hook 發(fā)出警告。只在需要的時候安裝對應的庫即可。

瀏覽器支持

• 本地開發(fā)推薦使用Chrome 最新版瀏覽器，不支持Chrome 80以下版本
• 生產環(huán)境支持現(xiàn)代瀏覽器，不支持 IE

本地運行

# 拉取代碼git clone https://github.com/vbenjs/vue-vben-admin-doc# 安裝依賴yarn# 運行項目yarn dev

界面

—END—

開源協(xié)議：MIT

開源地址：https://github.com/vbenjs/vue-vben-admin