최근 '핫'한 Vue 프로젝트 20개 추천(수집할 가치가 있음)

이 기사에서는 프론트엔드 작업자를 위한 최근 "인기" Vue 프로젝트 20개를 공유하겠습니다. 컬렉션은 학습과도 같습니다. 모두에게 도움이 되기를 바랍니다.

지금 인터뷰에서 github나 다른 오픈소스 웹사이트의 오픈소스 프로젝트에 기여했다면 많은 추가 포인트를 얻을 수 있는 경우가 많다는 것을 알고 있습니다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

나도 최근 Vue에 더 많은 관심을 기울이고 있습니다.관련 오픈소스 프로젝트 중 최근에 비교적 "핫"한 Vue 프로젝트를 모아 여러분께도 추천해 드리고자 합니다. [관련 권장사항: vue.js 튜토리얼]🎜🎜참고: 순위는 특별한 순서가 없습니다🎜

1. vue-admin-better

🎜현재 별: 11066🎜🎜수상 이번 달 Stars: 300🎜🎜는 백엔드 관리 시스템입니다. 오픈 소스 버전은 40 여러 단일 페이지와 RBAC 모델 + JWT 권한 제어, 우수한 유형 정의, 크로스 플랫폼 PC, 휴대폰, 태블릿, 백엔드 라우팅 동적 렌더링 🎜🎜 구성 요소 라이브러리, Vue2는 element-ui를 사용하고, Vue3는 element-plus 및 ant-design-를 사용합니다. vue code>, Vue + element-ui/element-plus/ant-design-vue 🎜

🎜GitHub를 개발 중이거나 사용하려는 파트너에게 적합합니다. 주소: https: //github.com/chuzhixin /vue-admin-better🎜

🎜🎜

2.element-plus

🎜현재 별: <code> 13178🎜🎜이번 달에 받은 별: 505🎜🎜A UI 구성 요소 라이브러리 >Vue3; 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

🎜현재 별: 15818🎜🎜이달의 별: 224🎜 🎜ant-design-vue는 element-plus와 동일합니다. 비교적 잘 알려진 오래된 컴포넌트 라이브러리입니다. . You Yuxi가 여러 번 권장하는 구성 요소 라이브러리이기도 합니다. 하나는 Ant Design의 Vue 구현입니다. Ant 디자인 및 구성 요소의 html 구조도 css 스타일과 일치하며 스타일 0이 완전히 수정되었습니다. . API 구성 요소도 최대한 일관되게 유지되었으며 서버 측 렌더링을 지원합니다🎜

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

🎜 🎜

🎜문서 주소: https://next.antdv.com/docs/vue/introduce-cn/ 🎜

🎜🎜

4. naive-ui -admin

🎜현재 별표: 1421🎜🎜이번 달에 받은 별표: 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

🎜현재 별: <code>3445🎜🎜이달의 별: 82🎜🎜eladmin , 이 프로젝트는 Spring Boot 2.1.0, Spring Boot Jpa, Spring Security, Redis, Vue의 프론트엔드와 백엔드 분리 백그라운드 관리 시스템, 권한 제어는 RBAC 채택, 메뉴 동적 라우팅🎜

eladmin프로젝트 공식 문서 주소: 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. 요소 Strong>

🎜현재 별표: 51464🎜🎜이달의 별표: 229🎜🎜필요 없음 예를 들어, Vue2 잘 알려진 UI 구성 요소 라이브러리🎜🎜🎜GitHub 주소: https://github.com/ElemeFE/element🎜🎜공식 문서: https:// 요소.eleme.cn/#/zh-CN🎜🎜🎜

7. 홈런

🎜현재 별표: 3594🎜🎜이번 달에 별표를 받았습니다: 329🎜🎜간단한 yaml 구성을 통한 간단한 정적 웹사이트 홈페이지 생성기 파일을 얻을 수 있습니다🎜🎜🎜GitHub 주소: https://github.com/bastienwirtz/homer🎜🎜🎜

8.uView2.0 h3 >🎜현재 별표: 233🎜🎜이달의 별표: 142🎜🎜uView2. /code>는 신속한 다중 플랫폼 개발을 위한 <code>UI 프레임워크로, nvue, 기본 렌더링과 완벽하게 호환되고 Android, iOS와도 호환됩니다. 및 WeChat 애플릿, H5, QQ 애플릿, Baidu 애플릿, Alipay 애플릿, Toutiao 애플릿🎜🎜🎜GitHub 주소: https://github.com/umicro/uView2. 🎜🎜공식 문서: https://uviewui.com🎜🎜🎜

9.vue-vben-admin

🎜현재 별 : 8200🎜🎜이번 달에 별을 획득했습니다: 513🎜🎜속도로 공식적으로 알려져 있지만 실제로는 513을 기반으로 합니다. code>Vue3 +vite2+TS🎜🎜🎜GitHub 주소: https://github.com/anncwb/vue-vben-admin🎜🎜🎜🎜🎜 미리보기 주소: https://vvbin.cn/next/🎜🎜🎜

10.vue3-composition-admin

🎜현재별표 ：1063🎜🎜이번 달에 받은 별표: 93🎜🎜vue3-composition-admin code> 예 <code>vue3, ts 및 element-plus를 기반으로 하는 관리 측 템플릿 솔루션이며 프로젝트는 모두 다음을 기반으로 합니다. composition api code> 스타일 쓰기🎜🎜Vue3composition api에 대한 심층적인 사용법을 알고 싶다면🎜🎜🎜GitHub 주소: https ://github.com/RainManGO/vue3-composition-admin🎜🎜 온라인 데모 주소: https://admin-tmpl-test.rencaiyoujia.cn/🎜🎜🎜

11. vue-element-admin

🎜현재 별: 73242🎜🎜이번 달 별 수상: 755🎜🎜이전 프로젝트 vue3-composition-admin은 이 vue-element-admin 프로젝트🎜🎜🎜GitHub 주소: https:/를 기반으로 구현되었습니다. /github.com/PanJiaChen/vue-element-admin🎜🎜온라인 데모 주소: https://panjiachen.github.io/vue-element-admin/#/dashboard🎜🎜🎜

12. vue3-antd-admin

🎜현재 별: 1166🎜🎜이달의 별 : 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/🎜🎜<img src="https://img.php.cn/upload/image/492/808/186/164138164657165%EC%B5%9C%EA%B7%BC%20%ED%95%AB%ED%95%9C%20Vue%20%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%2020%EA%B0%9C%20%EC%B6%94%EC%B2%9C(%EC%88%98%EC%A7%91%ED%95%A0%20%EA%B0%80%EC%B9%98%EA%B0%80%20%EC%9E%88%EC%9D%8C)" title="164138164657165최근 핫한 Vue 프로젝트 20개 추천(수집할 가치가 있음)" alt=" 1최근 핫한 Vue 프로젝트 20개 추천(수집할 가치가 있음)">🎜<h3 data-id="heading- 13"><strong>13. form-generator</strong></h3>🎜현재 <code>별표: 5585 🎜🎜이번 달 별획득>：214🎜

요소를 기반으로 vue 프로젝트에서 생성된 코드를 직접 실행할 수 있는 요소 UI 양식 디자인 및 코드 생성기 JSON

형식, 일치하는 파서를 사용하여 JSON을 실제 형식으로 구문 분석합니다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/JakHuang/form-generator

미리보기 주소 : https://mrhj.gitee.io/form-generator/#/

14.varlet

현재 별: 1682🎜🎜이번 달에 별을 얻었습니다: 298🎜🎜작성자가 며칠 동안 파는 걸 본 것 같아요 Jinfa Text는 Vue3를 기반으로 한 머티리얼 디자인 스타일의 모바일 구성 요소 라이브러리입니다. You Yuxi가 언급한 바 있습니다🎜🎜🎜GitHub 주소: https://github.com/haoziqaq/varlet 🎜🎜문서 주소: https://varlet.gitee.io/varlet-ui/#/zh-CN/home🎜🎜🎜

15. 하위 웹 Strong>

🎜현재 별표: 1670🎜🎜이달의 별표: 141🎜🎜자동으로 생성됨 vue-cli 및 tindy2013/subconverter 백엔드 구현 구성을 기반으로 합니다🎜🎜🎜GitHub 주소: https://github.com/CareyWang/sub-web🎜🎜Display 주소: https://sub-web.netlify.app/🎜🎜🎜

16.vue2-manage

🎜현재 별 : 11375🎜🎜이번 달에 별을 받았습니다: 103🎜🎜이 프로젝트는 vue2 + element-ui로 구축되었습니다. 관리 시스템은 백엔드 프로젝트 node-elm의 관리 시스템입니다. 모든 데이터는 서버에서 실시간으로 얻은 실제 데이터이며 실제 등록, 로그인, 데이터 관리, 권한 확인 및 기타 기능이 있습니다🎜🎜🎜GitHub 주소: https: / /github.com/baicangdu/vue2-manage🎜🎜표시 주소: https://cangdu.org/manage/#/🎜🎜🎜

17. vue-pure - admin

🎜현재 별: 1675🎜🎜이번 달에 별을 받았습니다: 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

🎜현재 별표: 1492 code>🎜🎜이번 달에 받은 별: 64🎜🎜는 Vue3🎜🎜🎜GitHub 주소의 핵심 문서입니다: https://github.com/vuejs/docs🎜🎜공식 웹사이트: https://v3.vuejs.org/🎜🎜🎜

19. PicGo

🎜현재별표: 15480🎜🎜이번 달에 별표를 획득했습니다: 422🎜🎜One for 빠르게 사진을 업로드하고 URL 링크 도구를 가져오는 것은 여러분에게 익숙할 것입니다🎜🎜🎜GitHub 주소: https://github.com/Molunerfinn/PicGo🎜🎜문서 주소: https://picgo .github.io/PicGo- Doc/zh/guide/🎜🎜🎜🎜🎜공식 웹사이트: https://molunerfinn.com/PicGo/🎜🎜🎜

20 .daisyui h3>🎜현재 별: 6913🎜🎜이달의 별: 518 🎜🎜daisyUI는 낯설 수도 있습니다. Tailwind CSS의 Components는 실제로는 토큰 목록으로 끝남 code> 구문(HTML 클래스)에 의해 전달되는 DSL은 CSS/Sass/에 해당하는 스타일 선언을 작성하는 데 사용됩니다. Less🎜🎜🎜GitHub 주소: https://github.com/saadeghi/daisyui🎜🎜문서 주소: https://daisyui.com/🎜🎜공식 홈페이지 주소: https://daisyui.com/🎜

THE END

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 최근 '핫'한 Vue 프로젝트 20개 추천(수집할 가치가 있음)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!