《開源精選》是我們分享Github、Gitee等開源社區(qū)中優(yōu)質(zhì)項(xiàng)目的欄目，包括技術(shù)、學(xué)習(xí)、實(shí)用與各種有趣的內(nèi)容。本期推薦的是一個(gè)開源的中后臺(tái)前端框架——Vben。

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

特性

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

模板

• vue-vben-admin

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

• vue-vben-admin-thin

vue-vben-admin 精簡版本。刪除了相關(guān)示例、無用文件及功能、依賴?？梢愿鶕?jù)自身需求安裝對應(yīng)的依賴。因?yàn)槭褂玫氖?vite，依賴刪除不會(huì)導(dǎo)致相關(guān)組件或者 hook 發(fā)出警告。只在需要的時(shí)候安裝對應(yīng)的庫即可。

瀏覽器支持

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

本地運(yùn)行

# 拉取代碼git clone https://github.com/vbenjs/vue-vben-admin-doc# 安裝依賴yarn# 運(yùn)行項(xiàng)目yarn dev

界面

—END—

開源協(xié)議：MIT

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