Empfehlen Sie 20 aktuelle „heiße“ Vue-Projekte (die es wert sind, gesammelt zu werden)

Dieser Artikel wird Ihnen 20 aktuelle „heiße“ Vue-Projekte für Front-End-Mitarbeiter vorstellen. Ich hoffe, dass er für alle hilfreich ist.

Wir wissen, dass man in Vorstellungsgesprächen, wenn man zu Open-Source-Projekten auf github oder anderen Open-Source-Websites beigetragen hat, oft viele Extrapunkte bekommen kanngithub 或 其他开源网站上贡献过开源项目，往往能加分不少

我最近也比较关注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

Das war ich auch Da wir in letzter Zeit mehr auf Vuebezogene Open-Source-Projekte achten, haben wir einige Vue-Projekte zusammengestellt, die in letzter Zeit relativ „heiß“ waren, und wir empfehlen sie auch jedem. [Verwandte Empfehlungen: vue.js-Tutorial]🎜🎜Hinweis: Das Ranking erfolgt in keiner bestimmten Reihenfolge🎜

1. vue-admin-better

🎜Derzeit Sterne: 11066🎜🎜Ausgezeichnet Dieser Monat ist Stars: 300🎜🎜. Die Open-Source-Version unterstützt die kostenlose kommerzielle Nutzung. Es verfügt über 40 mehrere Einzelseiten RBAC Modell + <code>JWT Berechtigungskontrolle, gute Typdefinition, plattformübergreifender PC, Mobiltelefon, Tablet, dynamisches Back-End-Routing-Rendering 🎜🎜 Komponentenbibliothek, Vue2 verwendet element-ui, Vue3 verwendet element-plus und ant-design- vue Code>, geeignet für Partner, die Vue + element-ui/element-plus/ant-design-vue entwickeln oder verwenden möchten 🎜

🎜GitHub Adresse: https: //github.com/chuzhixin /vue-admin-better🎜

🎜🎜

2. element-plus

🎜Derzeit Sterne: <code> 13178🎜🎜Diesen Monat Sterne erhalten: 505🎜🎜Eine UI-Komponentenbibliothek von Vue3; Jeder, der Vue kennt, sollte element kennen, und element-plus ist element' s Vue3Version🎜🎜Wenn Sie an TS und Vue3 interessiert sind, denken Sie daran, es sich anzusehen🎜

🎜GitHub-Adresse: https: //github.com/element- plus/element-plus🎜🎜Dokumentadresse: https://element-plus.gitee.io/zh-CN/🎜

🎜🎜

3. ant-design-vue

🎜Derzeit Sterne: 15818🎜🎜Die Sterne dieses Monats: 224🎜 🎜ant-design-vue ist dasselbe wie element-plus Es handelt sich um eine relativ bekannte und ältere Komponentenbibliothek, die weitergeführt wurde . Es ist auch eine von You Yuxi mehrfach empfohlene Komponentenbibliothek, die die Vue-Implementierung von Ant Design darstellt Ant Design und der html der Komponente. Die Struktur stimmt auch mit dem css -Stil überein, und der Stil 0 wurde wirklich geändert . Die Komponente API wurde ebenfalls so konsistent wie möglich gehalten und unterstützt serverseitiges Rendering🎜

🎜GitHub-Adresse: https://github.com/vueComponent/ant-design-vue/🎜

🎜 🎜

🎜Dokumentadresse: https://next.antdv.com/docs/vue/introduce-cn/ 🎜

🎜🎜

4. naive-ui -admin

🎜Derzeit Sterne: 1421🎜🎜Diesen Monat Sterne erhalten: 360🎜🎜Ähnlich wie vue-admin-better ist naive-ui-admin eine Mid- und Back-End-Lösung, die auf vue3+ basiert vite2+TS Es nutzt den neuesten Front-End-Technologie-Stack und verfeinert. Typische Geschäftsmodelle und Seiten umfassen sekundäre Kapselungskomponenten, dynamische Menüs, Berechtigungsüberprüfung, granulare Berechtigungskontrolle und anderes Funktionen. Es kann Ihnen helfen, schnell Middle- und Back-End-Projekte auf Unternehmensebene zu erstellen. 🎜🎜 ist ein neues Open-Source-Projekt, wenn Sie daran interessiert sind. Wenn Sie an den neuesten Technologien von vue3 interessiert sind, vite2 und TS, Sie können es ausprobieren🎜

🎜GitHub-Adresse: https://github.com /jekip/naive-ui-admin🎜🎜Vorschauadresse: https://naive-ui-admin.vercel.app/🎜

🎜🎜🎜🎜

5. eladmin-web strong>

🎜Derzeit Sterne: <code>3445🎜🎜Diesen Monat mit Sternen ausgezeichnet: 82🎜🎜eladmin, dieses Projekt basiert auf Spring Boot 2.1.0, Spring Boot Jpa, Spring Security, Redis, Das Front-End- und Back-End-Hintergrundverwaltungssystem von Vue, die Berechtigungssteuerung übernimmt RBAC und das dynamische Menü-Routing🎜

eladminDie offizielle Dokumentadresse des Projekts: https://el-admin.vip/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：93

vue3-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

🎜

6. Element strong>

🎜Derzeit Sterne: 51464🎜🎜Die Sterne dieses Monats: 229🎜🎜Unnötig Sagen wir, eine Vue2 bekannte UI-Komponentenbibliothek🎜🎜🎜GitHub-Adresse: https://github.com/ElemeFE/element🎜🎜Offizielle Dokumentation: https://github.com/ElemeFE/element element.eleme.cn/#/zh-CN🎜🎜🎜

7. homer

🎜Derzeit Sterne: 3594🎜🎜Diesen Monat Sterne erhalten: 329🎜🎜Ein einfacher statischer Website-Homepage-Generator durch einfache yaml -Konfiguration Datei kann erreicht werden🎜🎜🎜GitHub-Adresse: https://github.com/bastienwirtz/homer🎜🎜🎜

8. uView2.0 h3 >🎜Derzeit Sterne: 233🎜🎜Die Sterne dieses Monats: 142🎜🎜uView2 ist ein <code>UI-Framework für die schnelle Multiplattform-Entwicklung, vollständig kompatibel mit nvue, nativem Rendering und kompatibel mit Android, iOS, und WeChat-Applets, H5, QQ-Applet, Baidu-Applet, Alipay-Applet, Toutiao-Applet🎜🎜🎜GitHub-Adresse: https://github.com/umicro/uView2 🎜🎜Offizielles Dokument: https://uviewui.com🎜🎜🎜

9. vue-vben-admin

🎜Derzeit Sterne : 8200🎜🎜Wir haben diesen Monat Sterne gewonnen: 513🎜🎜Offiziell bekannt für seine Geschwindigkeit, basiert es tatsächlich auf Vue3 +vite2+TS🎜🎜🎜GitHub-Adresse: https://github.com/anncwb/vue-vben-admin🎜🎜🎜🎜🎜 Vorschauadresse: https://vvbin.cn/next/🎜🎜🎜

10. vue3-composition-admin

🎜DerzeitSterne:1063🎜🎜Diesen Monat Sterne erhalten: 93🎜🎜vue3-composition-admin code> Ja Eine verwaltungsseitige Vorlagenlösung, die auf <code>vue3, ts und element-plus basiert und auf der alle Projekte basieren Schreiben im composition api code>-Stil🎜🎜Wenn Sie mehr über die detaillierte Verwendung der Vue3-Kompositions-API erfahren möchten, können Sie es sich ansehen🎜🎜🎜GitHub-Adresse: https: //github.com/RainManGO/vue3-composition-admin🎜🎜 Online-Demo-Adresse: https://admin-tmpl-test.rencaiyoujia.cn/🎜🎜🎜

11. vue-element-admin

🎜Derzeit Sterne: 73242🎜🎜Diesen Monat mit Sternen ausgezeichnet: 755🎜🎜Vorheriges Projekt vue3-composition-admin wird basierend auf diesem vue-element-admin-Projekt implementiert🎜🎜🎜GitHub-Adresse: https:// github.com/PanJiaChen/vue-element-admin🎜🎜Online-Demo-Adresse: https://panjiachen.github.io/vue-element-admin/#/dashboard🎜🎜🎜

12. vue3-antd-admin

🎜Derzeit Sterne: 1166🎜🎜Die Sterne dieses Monats: 144🎜🎜basiert auf vue-cli5.x/vite2.x + vue3.x + ant-design-vue3.x + typescript Hookss grundlegende Vorlage für das Backend-Managementsystem RBACs Berechtigungssystem, JSON Schema Code> dynamische Form, dynamische Tabelle, schöne Sperrbildschirmoberfläche🎜🎜🎜 GitHub-Adresse: https://github.com/buqiyuan/vue3-antd-admin🎜🎜Vorschauadresse: http://buqiyuan.gitee.io/vue3- antd-admin/🎜🎜<img src="https://img.php.cn/upload/image/492/808/186/164138164657165Empfehlen%20Sie%2020%20aktuelle%20%E2%80%9Ehei%C3%9Fe%E2%80%9C%20Vue-Projekte%20(die%20es%20wert%20sind,%20gesammelt%20zu%20werden)" title="164138164657165Empfehlen Sie 20 aktuelle „heiße“ Vue-Projekte (die es wert sind, gesammelt zu werden)" alt="12 .png">🎜<h3 data-id="heading- 13"><strong>13. form-generator</strong></h3>🎜Derzeit <code>Sterne: 5585🎜🎜Diesen Monat <code>Sternegewinnen >:214🎜

Ein Element UI-Formulardesign- und Codegenerator, der den generierten Code direkt in vue-Projekten ausführen kann, die auf Element basieren und auch exportiert werden können JSON

-Formular, verwenden Sie den passenden Parser, um JSON in ein echtes Formular zu analysierenElement 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-Adresse: https://github.com/JakHuang/form-generator

Vorschauadresse : https://mrhj.gitee.io/form-generator/#/

14. varlet

Aktuell Sterne: 1682🎜🎜Ich habe diesen Monat Sterne gewonnen: 298🎜🎜Es scheint, als hätte ich den Autor ein paar Tage lang graben sehen vor Jinfa Text ist eine mobile Komponentenbibliothek im Material Design-Stil, die auf Vue3 basiert. You Yuxi hat es erwähnt🎜🎜🎜GitHub-Adresse: https://github.com /haoziqaq/varlet 🎜🎜Dokumentadresse: https://varlet.gitee.io/varlet-ui/#/zh-CN/home🎜🎜🎜

15. sub -web strong>

🎜Derzeit Sterne: 1670🎜🎜Diesen Monat habe ich Sterne: 141🎜🎜 gewonnen Automatisch generiert basierend auf der Konfiguration von vue-cli und tindy2013/subconverter Backend-Implementierung🎜🎜🎜GitHub-Adresse: https://github.com/CareyWang/sub-web🎜 🎜Anzeigeadresse: https://sub-web.netlify.app/🎜🎜🎜

16. vue2-manage

🎜Derzeit Sterne: 11375🎜🎜Wir haben diesen Monat Sterne gewonnen: 103🎜🎜Dieses Projekt wurde mit vue2 + element-ui erstellt Das Backend-Verwaltungssystem ist das Verwaltungssystem des Backend-Projekts node-elm. Alle Daten sind echte Daten, die in Echtzeit vom Server abgerufen werden, mit echter Registrierung, Anmeldung, Datenverwaltung, Berechtigungsüberprüfung und anderen Funktionen. GitHub-Adresse: https : //github.com/bailicangdu/vue2-manage🎜🎜Anzeigeadresse: https://cangdu.org/manage/#/🎜🎜🎜

17. vue- pure -admin

🎜Derzeit Sterne: 1675🎜🎜Diesen Monat mit Sternen ausgezeichnet: 194 code >🎜🎜<code>vue-pure-admin ist eine kostenlose und Open-Source-Middle- und Backend-Vorlage, die mit dem neuesten vue3 vite2 Element-Plus TypeScript und anderen Mainstream-Technologien entwickelt wurde können sofort verwendet werden Middle- und Backend-Frontend-Lösungen mit unterstützenden Videos, Dokumenten und UI-Designs🎜🎜🎜GitHub-Adresse: https://github.com/xiaoxian521/vue-pure-admin🎜🎜Vorschauadresse: http ://yiming_chang.gitee. io/manages🎜🎜🎜

18. vuejs/docs

🎜Derzeit Sterne : 1492 code>🎜🎜Diesen Monat <code>Sterne erhalten: 64🎜🎜 ist das Kerndokument von Vue3🎜🎜🎜GitHub Adresse: https://github.com/vuejs/docs🎜🎜Offizielle Website: https://v3.vuejs.org/🎜🎜🎜

19. PicGo strong>

🎜AktuellSterne: 15480🎜🎜Wir haben diesen Monat Sterne gewonnen: 422🎜🎜 Eines zum schnellen Hochladen von Bildern und zum Abrufen von Bildern URL Link-Tool, das sollte Ihnen bekannt sein🎜🎜🎜GitHub-Adresse: https://github.com/Molunerfinn/PicGo🎜🎜Dokumentenadresse: https:/ /picgo.github.io/PicGo- Doc/zh/guide/🎜🎜🎜🎜🎜Offizielle Website: https://molunerfinn.com/PicGo/🎜🎜🎜

20. daisyui h3>🎜Derzeit Sterne: 6913🎜🎜Die Sterne dieses Monats: 518 code>🎜🎜<code>daisyUI ist möglicherweise unbekannt. Es sind die <code>Komponenten von Tailwind CSS Komponente, die mit token list DSL in der von code> getragenen Syntax (HTML-Klasse) endet, wird zum Schreiben von Stildeklarationen verwendet, die CSS/ entsprechen. Sass/Less🎜🎜🎜GitHub-Adresse: https://github.com/saadeghi/daisyui🎜🎜Dokumentenadresse: https://daisyui.com/🎜🎜Offizielle Website-Adresse: https://daisyui.com /🎜

THE END

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonEmpfehlen Sie 20 aktuelle „heiße“ Vue-Projekte (die es wert sind, gesammelt zu werden). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!