推薦 20 個近期比較「火熱」的Vue項目（值得收藏）

這篇文章跟大家分享20 個近期比較「火熱」的Vue專案給前端工友，收藏等於學會，希望對大家有幫助。

我們知道，現在在面試時，如果在github 或其他開源網站上貢獻過開源項目，往往能加分不少

我最近也比較關注Vue相關的開源項目，收集了一些最近還算比較「火熱」的Vue項目，也給大家推薦推薦，快一起來看看吧！ 【相關推薦：vue.js教學】

註：排名不分先後

1. vue-admin-better

目前Stars：11066

本月斬獲Stars：300

是一個後台管理系統，開源版本支援免費商用，有40多個單頁，RBAC 模型JWT 權限控制，良好的類型定義，跨平台PC、手機端、平板，後端路由動態渲染

元件庫，Vue2使用的是element-ui，Vue3有使用element-plus和ant-design-vue，適合正在以及想使用Vue element-ui/element-plus/ant-design-vue 開發的伙伴

GitHub網址：https://github.com/chuzhixin/vue-admin-better

2. element-plus

目前Stars：13178

本月獲擊Stars：505

一個Vue3的UI#元件庫；知道Vue的應該都是知道element，element-plus就是element的Vue3版本

如果你對TS和Vue3有興趣，記得去看看喔

GitHub地址：https://github.com/element-plus/element-plus

文件地址：https:// element-plus.gitee.io/zh-CN/

#3. ant-design-vue

##目前

Stars：15818

本月獲擊

Stars：224

ant- design-vue和element-plus一樣，算是比較知名的比較老的元件庫一直延續下來的，也是尤雨溪多次推薦的元件庫之一，它是 Ant Design 的 Vue 實現，元件的風格與Ant Design 保持同步，元件的html 結構和css 樣式也保持一致，真正做到了樣式0 修改，元件API 也盡量保持了一致，支援服務端渲染

GitHub位址：https:// github.com/vueComponent/ant-design-vue/

#文件網址：https://next.antdv.com/docs/vue/ introduce-cn/

4. naive-ui-admin

目前

Stars： 1421

本月斬獲

Stars：360

類似

vue-admin-better#， naive-ui-admin是一個基於 vue3 vite2 TS 的中後台解決方案，它使用了最新的前端技術棧，並且提煉了典型的商業模型，頁面，包括二次封裝元件、動態選單、權限校驗、粒子化權限控制等功能，它可以幫助你快速建立企業級中後台項目

是一個新的開源項目，如果你對

vue3、vite2和TS最新技術感興趣，可以去試試

GitHub地址：https://github.com/jekip/naive-ui-admin

預覽網址：https://naive-ui-admin.vercel.app/

5. eladmin-web

#目前

Stars：3445

#本月斬獲

Stars：82

#eladmin的前端源碼，該專案基於 Spring Boot 2.1. 0 、 Spring Boot Jpa、 Spring Security、Redis、Vue的前後端分離後台管理系統， 權限控制採用RBAC，選單動態路由

eladmin專案的官方文件位址：https://el-admin.vip/

6. element

目前Stars：51464

本月獲擊Stars：229

不用多說，一個Vue2知名的UI元件庫

GitHub網址：https://github.com /ElemeFE/element

官方文件：https://element.eleme.cn/#/zh-CN

##7 . homer

目前

Stars：3594

本月斬獲

Stars：329

一個簡單的靜態網站首頁產生器,透過簡單的

yaml 設定檔就能實現

GitHub位址：https://github.com /bastienwirtz/homer

#8. uView2.0

目前

Stars#：233

本月獲擊

Stars：142

uView2.0是多平台快速開發的UI框架，全面相容nvue，原生渲染，相容於安卓、iOS、微信小程式、H5、QQ小程式、百度小程式、支付寶小程式、頭條小程式

GitHub網址：https://github.com/umicro/uView2.0

官方文件： https://uviewui.com

9. vue-vben-admin##目前

Stars

：8200本月被斬獲

Stars

：513官方以快著稱，其實就是基於

Vue3

vite2 TS

#GitHub網址：https://github.com/anncwb/vue-vben-admin

預覽網址：https://vvbin.cn/next/

# #10. vue3-composition-admin

目前Stars

：

1063本月斬獲Stars

：

93vue3-composition-admin

是一個管理端範本解決方案，它是基於

vue3,ts和element-plus，專案都是以composition api風格編寫想了解Vue3 composition api

的深入使用的，可以去看請參閱

GitHub網址：https://github.com/RainManGO/vue3-composition-admin

線上demo示範網址：https://admin-tmpl-test.rencaiyoujia .cn/

11. vue-element-admin

目前Stars

：

73242本月斬獲Stars

：

755上一個項目vue3-composition-admin

就是基於這個

vue-element-admin專案實作GitHub位址：https://github.com/PanJiaChen/vue-element-admin

在線demo示範網址：https://panjiachen.github.io/vue-element-admin/#/dashboard

##12. vue3-antd- admin

目前Stars：

1166

本月斬獲Stars：

144

是一個基於vue-cli5.x/

vite2.x

vue3.x ant-design-vue3.x typescript hooks 的基礎後台管理系統範本RBAC的權限系統, JSON Schema動態表單,動態表格,漂亮鎖定畫面介面# GitHub網址：https://github.com/buqiyuan/vue3-antd-admin

預覽網址：http://buqiyuan.gitee.io/vue3-antd-admin/

#13. form-generator

#目前Stars：

5585

#####################################################本月獲擊###Stars###：###214#######

一個Element UI表單設計及程式碼產生器，可將產生的程式碼直接運行在基於Element的vue專案中；也可匯出JSON表單，使用配套的解析器將JSON#解析成真實的表單

GitHub位址：https://github.com/JakHuang/form- generator

預覽網址：https://mrhj.gitee.io/form-generator/#/

##14. varlet

目前

Stars：1682

#本月獲擊

Stars：298

#好像前幾天還看到作者在掘金髮文字，是一個基於

Vue3的Material design風格行動端元件庫，尤雨溪提到過

GitHub網址：https://github.com/haoziqaq/varlet

文件網址：https://varlet.gitee.io/varlet-ui/#/zh- CN/home

15. sub-web

目前

Stars： 1670

本月獲擊

Stars：141

基於

vue-cli與tindy2013/ subconverter後端實現的設定自動產生

GitHub位址：https://github.com/CareyWang/sub-web

展示位址：https://sub -web.netlify.app/

16.  vue2-manage

目前

Stars ：11375

本月獲擊

Stars：103

此專案是vue2 element-ui 建置的後台管理系統，是後台專案node-elm 的管理系統，所有的數據都是從伺服器即時取得的真實數據，具有真實的註冊、登陸、管理數據、權限驗證等功能

GitHub位址： https://github.com/bailicangdu/vue2-manage

展示網址：https://cangdu.org/manage/#/

17. vue-pure-admin

目前

Stars：1675

本月被斬獲

Stars ：194

vue-pure-admin 是一個免費開源的中後台模版，使用了最新的vue3 vite2 Element-Plus TypeScript 等主流技術開發，開箱即用的中後台前端解決方案，附有配套視頻、文檔和UI設計

GitHub地址：https://github.com/xiaoxian521/ vue-pure-admin

預覽網址：http://yiming_chang.gitee.io/manages

##18. vuejs / docs

目前

Stars

：1492本月獲頒##Stars

：

64 是Vue3

的核心文件

GitHub網址：https://github.com/vuejs/docs

官網：https: //v3.vuejs.org/

#19. PicGo

目前Stars

：

15480本月斬獲Stars

：

422一個用於快速上傳圖片並取得圖片 URL

連結的工具，這個應該也不陌生

GitHub網址：https://github.com/Molunerfinn/PicGo

文件網址：https://picgo. github.io/PicGo-Doc/zh/guide/

#官網：https://molunerfinn.com/PicGo/

20. daisyui

#目前Stars

：

6913

本月斬獲Stars：518#daisyUI可能比較陌生，它是Tailwind CSS

的

Components

，

Tailwind CSS

實際上是一個透過以

token list

語法（

HTML class###）承載的### DSL###，用來書寫等價於###CSS/Sass/Less### 的樣式宣告#########GitHub位址：https://github.com/saadeghi/daisyui#######文件位址：https ://daisyui.com/######官網網址：https://daisyui.com/###

THE END

更多程式相關知識，請造訪：程式設計影片！ ！

以上是推薦 20 個近期比較「火熱」的Vue項目（值得收藏）的詳細內容。更多資訊請關注PHP中文網其他相關文章！