搭建一個后臺管理，從零開始開發(fā)，其實并不容易，在眾多開源管理后臺中，Vue3是一個備受矚目的選擇。它是一個現(xiàn)代化的前端框架，具有高效、靈活、易用等特點，今天，要為大家介紹幾款開源免費vue3開源管理后臺，可以幫助我們快速搭建企業(yè)級中后臺產(chǎn)品原型。
1、Vue vben admin：
是一個基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript的后臺解決方案，目標(biāo)是為開發(fā)中大型項目提供開箱即用的解決方案。
掌握這個項目需要一定前端基礎(chǔ)知識以及掌握 Vue 的基礎(chǔ)知識，以便能處理一些常見的問題。建議在開發(fā)前先學(xué)一下以下內(nèi)容，提前了解和學(xué)習(xí)這些知識，會對項目理解非常有幫助:
項目功能：
最新技術(shù)棧：基于Vue3、Vite、TypeScript等最新技術(shù)棧開發(fā)。
輕量快速的熱重載：無論應(yīng)用程序大小如何，都始終極快的模塊熱重載（HMR）。
豐富的示例：常見的Web端插件示例實現(xiàn)。
組件封裝：對日常使用頻率較高的組件二次封裝,滿足基礎(chǔ)工作需求。
主題配置：豐富的主題配置及黑暗主題適配。
- 關(guān)于黑暗主題：項目已經(jīng)內(nèi)置了黑暗主題切換，只需配置自己需要的顏色變量，即可在項目中使用。
- 原理：通過 vite-plugin-theme 插件，將所有的顏色變量抽取到獨立的 css 文件，并且全部在 html 上面加上 css 選擇器。通過改變 html 標(biāo)簽的 data-theme 屬性來進行黑暗主題切換。
權(quán)限管理：完善的前后端權(quán)限管理方案
注意的是：本地開發(fā)推薦使用Chrome 最新版瀏覽器，不支持Chrome 80以下版本。生產(chǎn)環(huán)境支持現(xiàn)代瀏覽器，不支持IE。
2、NAIve Ui Admin
基于 vue3,vite2,TypeScript,搭配使用 [Naive Ui](Naive UI) 組件庫形成一套開箱即用的中后臺前端解決方案。
Naive Ui Admin 遵守 Naive Ui 組件設(shè)計和開發(fā)約定,風(fēng)格統(tǒng)一,它使用了最新的前端技術(shù)棧，并提煉了典型的業(yè)務(wù)模型，頁面，包括二次封裝組件、動態(tài)菜單、權(quán)限校驗、粒子化權(quán)限控制等功能，它可以幫助你快速搭建企業(yè)級中后臺項目。
它的特點:
- 開箱即用的中后臺框架/讓你少寫一些代碼。
- 提供開箱即用的企業(yè)級前后端產(chǎn)品，可節(jié)約大量時間直接開發(fā)業(yè)務(wù)。
- 多生態(tài)支持:為企業(yè)產(chǎn)品提供多 UI 生態(tài)支持，新老項目開發(fā)或重構(gòu)，均可以最優(yōu)開發(fā)成本，快速上線。
- 從框架層面，業(yè)務(wù)層面，頁面擴展性/組合性，真正開箱即用，小白也能輕松上手。
- 實用模板:從眾多系統(tǒng)以及業(yè)務(wù)中，摘取實用性較高且通用的頁面設(shè)計，輕松構(gòu)建規(guī)范且美觀的系統(tǒng)。
常見問題：
- 如果頁面語法是 script setup 那么需要在上面在寫一個 export default { name: 'pageName' }。
- 如果不是，那就在 defineComponent 中定義 name 就好了。
- 可以借助 vite-plugin-vue-setup-extend 插件。
提示：目前框架只支持到，二級菜單，無法支持二級以上的菜單，Plus 版本已支持。
3、SCUI Admin
一款功能強大的 admin 框架，很多復(fù)雜的業(yè)務(wù)組件、頁面模板都有，專業(yè)程度堪比付費的產(chǎn)品。
SCUI Admin基于 Vue3、elementPlus 持續(xù)性的提供獨家組件和豐富的業(yè)務(wù)模板幫助你快速搭建企業(yè)級中后臺前端任務(wù)。不僅免費開源，還有很多現(xiàn)成的業(yè)務(wù)組件、頁面模板。
項目特點：
- 簡潔至上：憑借VUE組件化開發(fā)，以最小的代碼量和最少的時間幫助你專注于業(yè)務(wù)。
- 可用性：在超高可用性和視覺信息上做了個平衡，一切以用戶體驗為第一標(biāo)準(zhǔn)。
- 高性能：在提高前端算力、減少帶寬請求和代碼執(zhí)行力上多次優(yōu)化，并且持續(xù)著。
構(gòu)建與部署:
- 當(dāng)項目編寫完成后，只需要一行命令就會打包你的應(yīng)用。
- 等待打包完成后在根目錄生成dist文件夾。里面就是打包構(gòu)建好的文件。接著可以把這個文件夾發(fā)給部署人員啦。
框架核心：
4、vue-pure-admin
vue-pure-admin是一個免費開源的中后臺模版。使用了最新的vue3 vite2 Element-Plus TypeScript等主流技術(shù)開發(fā)，開箱即用的中后臺前端解決方案，也可用于學(xué)習(xí)參考。
