《開源精選》是我們分享Github、Gitee等開源社區(qū)中優(yōu)質(zhì)項目的欄目，包括技術(shù)、學(xué)習(xí)、實用與各種有趣的內(nèi)容。本期推薦的是一個開源的中后臺前端框架——Vben。
Vue-Vben-Admin 是一個基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后臺解決方案，目標(biāo)是為開發(fā)中大型項目提供開箱即用的解決方案。包括二次封裝組件、utils、hooks、動態(tài)菜單、權(quán)限校驗、按鈕級別權(quán)限控制等功能。項目會使用前端較新的技術(shù)棧，可以作為項目的啟動模板，以幫助你快速搭建企業(yè)級中后臺產(chǎn)品原型。也可以作為一個示例，用于學(xué)習(xí) vue3、vite、ts 等主流技術(shù)。該項目會持續(xù)跟進最新技術(shù)，并將其應(yīng)用在項目中。
特性
- 最新技術(shù)棧：基于Vue3、Vite、TypeScript等最新技術(shù)棧開發(fā)
- 輕量快速地?zé)?/a>重載：無論應(yīng)用程序大小如何，都始終極快的模塊熱重載（HMR）
- 豐富的示例：常見的Web端插件示例實現(xiàn)
- 組件封裝：對日常使用頻率較高的組件二次封裝,滿足基礎(chǔ)工作需求
- 主題配置：豐富的主題配置及黑暗主題適配
- 權(quán)限管理：完善的前后端權(quán)限管理方案
模板
- vue-vben-admin
該版本主要是提供一些 Demo 示例及插件的使用集成方式，主要用于參考。如果對項目不是很熟悉，不建議在此基礎(chǔ)上進行開發(fā)，請使用下方提供的精簡版本。
- vue-vben-admin-thin
vue-vben-admin 精簡版本。刪除了相關(guān)示例、無用文件及功能、依賴?？梢愿鶕?jù)自身需求安裝對應(yīng)的依賴。因為使用的是 vite，依賴刪除不會導(dǎo)致相關(guān)組件或者 hook 發(fā)出警告。只在需要的時候安裝對應(yīng)的庫即可。
瀏覽器支持
- 本地開發(fā)推薦使用Chrome 最新版瀏覽器，不支持Chrome 80以下版本
- 生產(chǎn)環(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
