![hero](https://static.vue-js.com/6280b990-ff19-11ea-85f6-6fac77c0c9b3.png)
Tips:🤣🤣 不是官方!不是官方!不是官方!站点由国内Vue爱好者共同搭建,点击添加微信领最新前端面试资料+入前端学习交流群🥰🥰🥰
Vue3生态支持
Vue3组件库
Ant-design-vue
PC端Ant-design ![](https://badgen.net/github/stars/vueComponent/ant-design-vue)
ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步
Vant 3.0
移动端 ![](https://badgen.net/github/stars/youzan/vant)
有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一
Element Plus
PC端 ![](https://badgen.net/github/stars/element-plus/element-plus)
Element Plus,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库
Element3
PC端 ![](https://badgen.net/github/stars/hug-sun/element3)
Element风格,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库
Naive UI
PC端 ![](https://badgen.net/github/stars/TuSimple/naive-ui)
Naive UI 一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,不算太慢,有点意思
Quasar
移动端PC端 ![](https://badgen.net/github/stars/quasarframework/quasar)
构建高性能的 VueJS 用户界面,开箱即用,支持桌面和移动浏览器(包括 iOS Safari!)
Arco Design Vue
移动端PC端 ![](https://badgen.net/github/stars/arco-design/arco-design)
字节跳动基于 Arco Design 开源的 Vue UI 组件库。60 多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。
Vuetify
移动端PC端 ![](https://badgen.net/github/stars/vuetifyjs/vuetify)
Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。
NutUI 3.0
移动端PC端 ![](https://badgen.net/github/stars/jdf2e/nutui)
京东风格的 Vue 移动端组件库,开发和服务于移动Web界面的企业级产品
Varlet
移动端 ![](https://badgen.net/github/stars/varletjs/varlet)
基于 Vue3 的 Material design 风格移动端组件库
Idux
移动端 ![](https://badgen.net/github/stars/IDuxFE/idux)
一个基于 Vue 3.x 和 TypeScript 开发的开源组件库
Vue-devui
移动端 ![](https://badgen.net/github/stars/DevCloudFE/vue-devui)
基于 DevUI Design 的 Vue3 组件库,使用 pnpm + vite + vue3 + tsx 技术搭建,包含55个简洁、易用、灵活的组件,支持按需引入,支持主题定制,并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题
Vue3插件
Vue3开源项目
vue-vben-admin
![](https://badgen.net/github/stars/anncwb/vue-vben-admin)
基于ant-design-vue,typescript,vue3.0,vite实现的 vue3 风格的后台管理系统
vue3-antd-admin
![](https://badgen.net/github/stars/buqiyuan/vue3-antd-admin)
基于vue-cli5.x/vite2.x + vue3.x + ant-design-vue3.x + typescript hooks 的基础后台管理系统模板 RBAC的权限系统, JSON Schema动态表单,动态表格,漂亮锁屏界面
vue3-composition-admin
![](https://badgen.net/github/stars/RainManGO/vue3-composition-admin)
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写
vue-h5-template
![](https://badgen.net/github/stars/Ewall1106/vue-h5-template)
使用Vue3.0+Typescript+Vant搭建移动端H5页面开发所需的基础模板,并提供一些通用型的解决方案及扩展功能
vue-cli
![](https://badgen.net/github/stars/Wscats/vue-cli)
基于 Vue3.0 Composition Api 快速构建实战项目
movie-trailer
![](https://badgen.net/github/stars/lhz960904/movie-trailer)
Vue3 + TypeScript开发的电影预告片webAPP,可以查看正在热映与即将上映的电影信息和短片
newbee-mall-vue3-app
![](https://badgen.net/github/stars/newbee-ltd/newbee-mall-vue3-app)
Vue 3 + Vant 3 的开源商城项目
vue3-jd-h5
![](https://badgen.net/github/stars/GitHubGanKai/vue3-jd-h5)
基于vue2.6+ ,vue3.0.0-beta.1,vue3, vue-cli3,mockjs,仿京东淘宝的,移动端H5电商平台!
vue-cnode
![](https://badgen.net/github/stars/xjh22222228/vue-cnode)
基于vue3 function-based 构建cnode社区
配套项目
Vue文档
看文档看文档看文档,重要的事情说三遍
Vue Router
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌
Vuex
Vue复杂数据管理的最好方式
Axios
易用、简洁且高效的http库, 在Vue项目大量使用, 使用Promise管理异步,告别传统callback方式
Vue Cli
🛠️ Vue.js 开发的标准工具
Nuxt
基于 Vue 前端开发框架的静态站点生成工具, SEO必备良器
VuePress
VuePress静态站点搭建首选
Vue源码导读
逐行剖析 Vue.js 源码九大模块,逐个击破