前言
文章鏈接:?https://tzy1997.com/articles/xi2mpxmd
Vue.js?是一個目前比較流行的前端框架，已經到了前端人人都會的地步，今天這里為大家羅列一下基于 Vue 的后端管理的框架。目前比較流行和 Vue 搭配的 UI組件 有Element-UI、iview、Bootstrap-Vue、Ant-Design-Vue，另外還有Vuetify、Buefy?（Bulma css）、Vue Material?等等。基于這些組件庫封裝的后臺管理模板，推薦一些常用 VUE后臺模板 給大家。按照?Github?星標數量來依次介紹。
vue-element-admin?(63.3k)
Vue-Element-Admin（github上的標星數為63.3k）是一個后臺前端解決方案，它基于?Vue?和?Element-UI?實現。它使用了最新的前端技術棧，內置了 i18 國際化解決方案，動態路由，權限驗證，提煉了典型的業務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業級中后臺產品原型。
文檔地址：Document Address
集成方案：vue-element-admin
基礎模板：vue-admin-template
桌面終端：electron-vue-admin
Typescript版：vue-typescript-admin-template?（鳴謝: @Armour）
Others：?awesome-project
在線預覽地址：https://panjiachen.github.io/vue-element-admin
國內用戶可訪問該地址在線預覽：https://panjiachen.gitee.io/vue-element-admin
預覽效果：
iview-admin?(15.4k)
iview-admin（github上的標星數為15.4k）是iView生態中的成員之一，是一套采用前后端分離開發模式，基于?Vue?的后臺管理系統前端解決方案。iView-admin2.0 脫離 1.x 版本進行重構，換用?Webpack4.0?+?Vue-Cli3.0?作為基本開發環境。內置了開發后臺管理系統常用的邏輯功能，和開箱即用的業務組件，旨在讓開發者能夠以最小的成本開發后臺管理系統，降低開發量。
文檔地址：https://lison16.github.io/iview-admin-doc
集成方案：https://github.com/iview/iview-admin
預覽地址：https://admin.iviewui.com
預覽效果：
vue-antd-admin(1.8k)/ant-design-vue-pro(27.5k)
Vue-Antd-Admin（github上的標星數為1.8k）以 Markdown 為中心的項目結構， 以最少的配置幫助你專注于寫作，享受?Vue?+?Webpack?的開發體驗，在 Markdown 中使用 Vue 組件，同時可以使用 Vue 來開發自定義主，VuePress 為每個頁面預渲染生成靜態的 HTML，同時在頁面被加載的時候，將作為 SPA 運行。
文檔地址：https://iczer.gitee.io/vue-antd-admin-docs/start/use.html
集成方案：https://github.com/iczer/vue-antd-admin
國內鏡像：https://gitee.com/iczer/vue-antd-admin
預覽地址：https://iczer.gitee.io/vue-antd-admin
常見問題：https://iczer.gitee.io/vue-antd-admin-docs/start/faq.html
預覽效果：
Ant-Design-Pro?（github上的標星數為27.5k）基于?Ant Design?體系精心設計，提煉自中后臺應用的典型頁面和場景，使用 React/dva/antd 等前端前沿技術開發，針對不同屏幕大小設計， 可配置的主題滿足多樣化的品牌訴求， 內建業界通用的國際化方案， 良好的工程實踐助你持續產出高質量代碼，實用的本地數據調試方案， 支持自動化測試保障前端產品質量。
文檔地址：https://pro.ant.design/docs/getting-started-cn
集成方案：https://github.com/ant-design/ant-design-pro
預覽地址：http://preview.pro.ant.design
常見問題：http://pro.ant.design/docs/faq-cn
預覽效果：
vue-manage-system (11.8k)
Vue-Manage-System?（github上的標星數為11.8k）該方案作為一套多功能的后臺框架模板，適用于絕大部分的后臺管理系統（Web Management System）開發。基于?Vue.js?，使用?Vue-Cli3.0?腳手架，引用?Element UI?組件庫，方便開發快速簡潔好看的組件。分離顏色樣式，支持手動切換主題色，而且很方便使用自定義主題色。
集成方案：https://github.com/lin-xin/vue-manage-system
預覽地址：https://lin-xin.gitee.io/example/work/
預覽效果：
vue2-manage (10.2k)
vue2-manage?（github上的標星數為10.2k）此項目是?Vue?+?Element-UI?構建的后臺管理系統，是后臺項目node-elm?的管理系統，所有的數據都是從服務器實時獲取的真實數據，具有真實的注冊、登陸、管理數據、權限驗證等功能。
技術棧：vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui
集成方案：https://github.com/bailicangdu/vue2-manage
預覽地址：https://cangdu.org/manage/#/manage
預覽效果：
d2-admin (9.8k)
D2-Admin?（github上的標星數為9.8k）是一個完全 開源免費 的企業中后臺產品前端集成方案，使用最新的前端技術棧，小于 60kb 的本地首屏 js 加載，已經做好大部分項目前期準備工作，并且帶有大量示例代碼，助力管理系統快速開發。
文檔地址：https://d2.pub/zh/doc/d2-admin/
集成方案：https://github.com/d2-projects/d2-admin
國內鏡像：https://gitee.com/d2-projects/d2-admin
Coding：https://d2-projects.coding.net/p/d2-projects/d/d2-admin/git
預覽地址：https://d2.pub/d2-admin/preview/
預覽效果：
Vuestic-Admin (7.7k)
Vuestic-Admin?（github上的標星數為7.7k）Free and beautiful Vue.js admin template with 44+ custom UI components?.
Developed by?Epicmax.?Designed by?Vasili Savitski
文檔地址：https://github.com/epicmaxco/vuestic-admin/wiki
集成方案：https://github.com/epicmaxco/vuestic-admin
預覽地址：https://vuestic.epicmax.co/admin/dashboard
預覽效果：
vue-admin-beautiful (7.2k)
Vue-Admin-Beautiful?（github上的標星數為7.2k）主線版本基于 element-plus、element-ui、ant-design-vue 三者并行開發維護，同時支持電腦，手機，平板。
Github倉庫地址：?https://github.com/chuzhixin/vue-admin-beautiful
Gitee倉庫地址：?https://gitee.com/chu1204505056/vue-admin-beautiful
vue2.x + element-ui：vue2.x + element-ui（免費商用，支持 PC、平板、手機）
vue3.x + element-plus：vue3.x + element-plus（alpha 版本，免費商用，支持 PC、平板、手機）
vue3.x + ant-design-vue：vue3.x + ant-design-vue（beta 版本，免費商用，支持 PC、平板、手機）
pro 版演示地址：pro 版演示地址（付費版本，支持 PC、平板、手機）
預覽效果：
coreui-free-vue-admin-template (2.7k)
CoreUI-Free-Vue-Admin-Template?（github上的標星數為2.7k）是一款基于 coreui（coreui vue bootstrap）組件的后臺管理模板。特點是高性能和易于定制的UI組件可滿足任何需求，從而在一半的時間內開發出現代，美觀，響應迅速的應用程序。
集成方案：https://github.com/coreui/coreui-free-vue-admin-template
預覽地址：https://coreui.io/vue/demo/3.2.2/#/dashboard
預覽效果：
nx-admin (2.3k)
nx-admin?（github上的標星數為2.3k） 是一個開源的管理系統前端集成方案，它基于?Vue?和?Element。它使用了最新的前端技術棧，內置了i18國際化解決方案，動態路由，權限驗證，提煉了典型的業務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業級中后臺產品原型。最大程度上幫助個人，企業節省時間成本和費用開支。
文檔地址：https://mgbq.github.io/nx-admin-site/zh/
集成方案：https://github.com/mgbq/nx-admin
國內鏡像：https://gitee.com/symgg/nx-admin
預覽地址：https://mgbq.github.io/vue-permission/#/login
預覽效果：
vue-material-admin (2.0k)
vue-material-admin?（github上的標星數為2.0k）。
集成方案：https://github.com/tookit/vue-material-admin
預覽地址：http://vma.isocked.com/#/dashboard
預覽效果：
