# Vue3.cn - Vue3 中文导航站点 - 完整资源列表

> Vue3 生态系统的精选资源导航，提供 156+ 优质资源，覆盖 7 大分类。

---

## Vue3 生态支持 (16 项)

1. **Vite**
   - URL: https://vite.dev/
   - 描述: Vite 8 已发布,内置 Rolldown 打包器,构建速度提升3-16倍,内存占用降低100倍。
   - 标签: 构建工具, 打包器, 官方推荐

2. **Vue Router**
   - URL: https://router.vuejs.org/zh/index.html
   - 描述: Vue Router 4.0提供了 Vue 3支持,支持组合式API和TypeScript。
   - 标签: 路由, 官方

3. **Pinia**
   - URL: https://pinia.vuejs.org/
   - 描述: Pinia 3 已发布,Vue 官方状态管理库,TypeScript 原生支持,完全替代 Vuex。
   - 标签: 状态管理, 官方推荐

4. **Rolldown**
   - URL: https://rolldown.rs/
   - 描述: 由 Rust 编写的高性能 JavaScript 打包器,已集成到 Vite 8,替代 Rollup 和 esbuild。
   - 标签: 打包器, Rust, 性能

5. **Oxc**
   - URL: https://oxc.rs/
   - 描述: Rust 编写的高性能 JavaScript 工具链,包含解析器、Linter、格式化器和转换器。
   - 标签: 工具链, Rust, 性能

6. **Vue DevTools**
   - URL: https://devtools.vuejs.org/
   - 描述: 新版 DevTools 支持 Vite 插件模式,新增资源管理和模块关系可视化功能。
   - 标签: 调试, 开发工具, 官方

7. **VueUse**
   - URL: https://vueuse.org/
   - 描述: 基于组合式API的实用工具集合,提供200+常用功能。
   - 标签: 工具库, Composition API, Anthony Fu

8. **Nuxt**
   - URL: https://nuxt.com/
   - 描述: Nuxt 4 已发布,全栈 Vue 框架,支持 SSR/SSG/SPA,原生集成 View Transitions API。
   - 标签: 全栈框架, SSR, SSG

9. **Vue Test Utils**
   - URL: https://test-utils.vuejs.org/
   - 描述: Vue官方测试工具库,为Vue组件提供测试实用工具。
   - 标签: 测试, 官方

10. **Vitest**
    - URL: https://vitest.dev/
    - 描述: Vitest 3 已发布,与 Vite 深度集成的测试框架,支持浏览器模式和快照测试。
    - 标签: 测试框架, Vite

11. **Vue ESLint Plugin**
    - URL: https://eslint.vuejs.org/
    - 描述: Vue官方ESLint插件,提供Vue文件的代码检查和最佳实践。
    - 标签: 代码检查, ESLint, 官方

12. **Unplugin Vue Components**
    - URL: https://github.com/antfu/unplugin-vue-components
    - 描述: Vue组件自动导入插件,支持按需导入和TypeScript。
    - 标签: 自动导入, Vite插件

13. **Vue Macros**
    - URL: https://vue-macros.sxzz.moe/
    - 描述: 扩展Vue的能力,提供更多语法糖和开发体验优化。
    - 标签: 语法糖, DX优化

14. **Vue Vine**
    - URL: https://vue-vine.dev/
    - 描述: 新的 Vue 文件组织方式,支持在单个文件中编写多个组件,更接近 JSX 体验。
    - 标签: 组件组织, 实验性

15. **Vue Vapor**
    - URL: https://github.com/vuejs/vue-vapor
    - 描述: Vue 3.6 实验性功能,无虚拟 DOM 编译模式,性能媲美 Solid/Svelte 5。
    - 标签: 性能优化, 无虚拟DOM, 实验性

16. **Pinia Colada**
    - URL: https://pinia-colada.esm.dev/
    - 描述: Pinia 官方数据获取层,提供缓存、去重、失效策略,类似 TanStack Query。
    - 标签: 数据获取, 缓存

---

## Vue3 UI与组件库 (22 项)

1. **Element Plus**
   - URL: https://element-plus.gitee.io/
   - 描述: 饿了么团队基于 Vue 3.0 开发的桌面端组件库,提供丰富的基础组件。
   - 标签: 桌面端, 饿了么, 企业级

2. **Ant Design Vue**
   - URL: https://antdv.com/docs/vue/introduce-cn/
   - 描述: Ant Design 的 Vue 实现,企业级产品设计语言,提供高质量组件。
   - 标签: 桌面端, 蚂蚁金服, 企业级

3. **Naive UI**
   - URL: https://www.naiveui.com/
   - 描述: 比较完整的Vue3组件库,主题可调,使用 TypeScript,无需配置。
   - 标签: 桌面端, TypeScript, 尤雨溪推荐

4. **Vant 4**
   - URL: https://vant-contrib.gitee.io/vant/
   - 描述: 有赞前端团队开源的移动端组件库,业界主流移动端解决方案。
   - 标签: 移动端, 有赞

5. **Arco Design Vue**
   - URL: https://arco.design/vue/docs/start
   - 描述: 字节跳动出品的企业级设计语言和Vue组件库,60+高质量组件。
   - 标签: 桌面端, 字节跳动, 企业级

6. **Quasar**
   - URL: https://quasar.dev/
   - 描述: 高性能的Vue.js框架,一套代码构建多平台应用（SPA、PWA、移动应用）。
   - 标签: 跨平台, SPA, PWA

7. **Vuetify**
   - URL: https://vuetifyjs.com/
   - 描述: 基于Material Design的Vue UI组件库,美观的设计和丰富的组件。
   - 标签: Material Design, 桌面端

8. **PrimeVue**
   - URL: https://primevue.org/
   - 描述: 功能最全的 Vue UI 库,90+ 组件,200+ 图标,支持 Tailwind CSS 集成。
   - 标签: 企业级, 丰富组件

9. **View UI Plus**
   - URL: https://www.iviewui.com/
   - 描述: iView的Vue3版本,企业级中后台系统UI组件库,80+组件。
   - 标签: 桌面端, 中后台

10. **NutUI 4**
    - URL: https://nutui.jd.com/
    - 描述: 京东风格的Vue移动端组件库,轻量级,专为移动端设计。
    - 标签: 移动端, 京东

11. **Varlet**
    - URL: https://varlet.gitee.io/varlet-ui/
    - 描述: 基于Vue3的Material Design风格移动端组件库,组件丰富。
    - 标签: 移动端, Material Design

12. **TDesign Vue**
    - URL: https://tdesign.tencent.com/vue/overview
    - 描述: 腾讯TDesign设计体系的Vue实现,企业级设计语言和组件库。
    - 标签: 桌面端, 腾讯, 企业级

13. **Headless UI Vue**
    - URL: https://headlessui.com/vue/menu
    - 描述: 无样式、可完全定制的UI组件库,专注于可访问性和开发者体验。
    - 标签: 无样式, 可访问性, Tailwind

14. **Radix Vue**
    - URL: https://www.radix-vue.com/
    - 描述: 无样式的 Vue UI 原语库,提供完整的可访问性支持,是 Shadcn Vue 的基础。
    - 标签: 无样式, 原语组件, 可访问性

15. **Shadcn Vue**
    - URL: https://www.shadcn-vue.com/
    - 描述: 基于 Radix Vue + Tailwind CSS 的组件集合,源码直接复制到项目中,完全可定制。
    - 标签: Tailwind CSS, 可定制, 2025热门

16. **Oruga**
    - URL: https://oruga.io/
    - 描述: 轻量级CSS框架无关的Vue UI组件库,高度可定制。
    - 标签: 轻量级, 无CSS框架依赖

17. **BalmUI**
    - URL: https://next-material.balmjs.com/
    - 描述: 基于Google Material Design的Vue UI组件库。
    - 标签: Material Design

18. **Wave UI**
    - URL: https://antoniandre.github.io/wave-ui/
    - 描述: 现代Vue UI框架,注重性能和设计一致性。
    - 标签: 现代设计, 性能

19. **Ionic Vue**
    - URL: https://ionicframework.com/docs/vue/overview
    - 描述: Ionic的Vue实现,用于构建跨平台移动应用。
    - 标签: 跨平台, 移动应用

20. **DevUI Vue**
    - URL: https://vue-devui.github.io/
    - 描述: 华为云DevUI设计语言的Vue实现,企业级组件库。
    - 标签: 企业级, 华为

21. **Reka UI**
    - URL: https://reka-ui.com/
    - 描述: Radix Vue 的继任者,无样式可组合的 Vue 组件,专注于可访问性。
    - 标签: 无样式, 可访问性, 2025新

22. **Oku UI**
    - URL: https://oku-ui.com/
    - 描述: 高质量的无样式 Vue 组件原语,支持完整的键盘导航和屏幕阅读器。
    - 标签: 无样式, 可访问性

---

## Vue3 插件 (26 项)

1. **Vue-vconsole-devtools** - 移动端调试工具
   - URL: https://github.com/Zippowxk/vue-vconsole-devtools

2. **Stack-keep-alive** - 堆栈式缓存管理
   - URL: https://github.com/Zippowxk/stack-keep-alive

3. **Vue-cropper** - 图片裁剪
   - URL: https://www.npmjs.com/package/vue-cropper

4. **Vue I18n** - 国际化
   - URL: https://vue-i18n.intlify.dev/

5. **VitePress** - 静态站点生成器
   - URL: https://vitepress.dev/

6. **Vue Draggable** - 拖拽组件
   - URL: https://github.com/SortableJS/vue.draggable.next

7. **Vue Virtual Scroller** - 虚拟滚动
   - URL: https://github.com/Akryum/vue-virtual-scroller

8. **Vue Meta** - Meta信息管理
   - URL: https://github.com/nuxt/vue-meta

9. **Vue Chartjs** - 图表组件
   - URL: https://vue-chartjs.org/

10. **Vue Formulate** - 表单构建器
    - URL: https://vueformulate.com/

11. **Vue Good Table** - 数据表格
    - URL: https://xaksis.github.io/vue-good-table/

12. **Vue Awesome Swiper** - 轮播组件
    - URL: https://github.com/surmon-china/vue-awesome-swiper

13. **Vue Use Motion** - 动画库
    - URL: https://motion.vueuse.org/

14. **Vue Starport** - 共享动画过渡
    - URL: https://github.com/antfu/vue-starport

15. **Vue Final Modal** - 模态框
    - URL: https://vue-final-modal.org/

16. **Vue Toastification** - 通知提示
    - URL: https://github.com/Maronato/vue-toastification

17. **Vue Use Head** - 头部管理
    - URL: https://github.com/vueuse/head

18. **TanStack Query** - 异步状态管理
    - URL: https://tanstack.com/query/latest/docs/framework/vue/overview

19. **Pinia Plugin Persistedstate** - 状态持久化
    - URL: https://github.com/prazdevs/pinia-plugin-persistedstate

20. **Vue Grid Layout** - 网格布局
    - URL: https://jbaysolutions.github.io/vue-grid-layout/

21. **Vue Flow** - 流程图编辑器
    - URL: https://vueflow.dev/

22. **Vue Color Kit** - 颜色选择器
    - URL: https://github.com/anish2690/vue-color-kit

23. **Formkit** - 下一代表单框架
    - URL: https://formkit.com/

24. **VueUse Gesture** - 手势识别
    - URL: https://gesture.vueuse.org/

25. **Floating Vue** - 弹出层库
    - URL: https://floating-vue.starpad.dev/

26. **Vue Sonner** - Toast通知
    - URL: https://vue-sonner.vercel.app/

---

## Vue3 开源项目 (21 项)

后台管理系统模板推荐：

1. **vue-vben-admin** - GitHub Star 26k+, Vue 3 + Vite 5 + TypeScript
   - URL: https://github.com/vbenjs/vue-vben-admin

2. **Soybean Admin** - 清爽优雅, Vue 3.5 + Vite 6 + UnoCSS
   - URL: https://github.com/soybeanjs/soybean-admin

3. **Vue Pure Admin** - 开箱即用
   - URL: https://github.com/pure-admin/vue-pure-admin

4. **Geeker Admin** - Vue 3.5 + Element Plus
   - URL: https://github.com/HalseySpicy/Geeker-Admin

5. **Naive UI Admin** - 轻量级
   - URL: https://github.com/jekip/naive-ui-admin

6. **RuoYi Vue3** - SpringBoot + Vue3
   - URL: https://github.com/yangzongzhuan/RuoYi-Vue3

7. **Arco Design Pro Vue** - 字节跳动出品
   - URL: https://github.com/arco-design/arco-design-pro-vue

更多项目请访问网站...

---

## Vue3 文档 (19 项)

官方文档：
- Vue3中文文档: https://cn.vuejs.org/guide/introduction.html
- Vue3英文文档: https://vuejs.org/guide/introduction.html
- Vite文档: https://cn.vitejs.dev/
- Pinia文档: https://pinia.vuejs.org/
- Vue Router文档: https://router.vuejs.org/zh/
- VueUse文档: https://vueuse.org/
- Nuxt文档: https://nuxt.com/
- Vitest文档: https://cn.vitest.dev/
- VitePress文档: https://vitepress.dev/
- Rolldown文档: https://rolldown.rs/

组件库文档：
- Element Plus: https://element-plus.gitee.io/zh-CN/guide/design.html
- Ant Design Vue: https://antdv.com/docs/vue/introduce-cn/
- Naive UI: https://www.naiveui.com/zh-CN/light
- Vant4: https://vant-contrib.gitee.io/vant/#/zh-CN

---

## 学习资源 (23 项)

在线课程：
- Vue Mastery: https://www.vuemastery.com/
- Vue School: https://vueschool.io/
- 慕课网Vue课程: https://www.imooc.com/course/list?c=vue
- B站Vue教程: https://search.bilibili.com/all?keyword=Vue3教程

实战练习：
- Vue.js挑战: https://cn-vuejs-challenges.netlify.app/
- TypeScript练习: https://typescript-exercises.github.io/
- LeetCode: https://leetcode.cn/
- Codewars: https://www.codewars.com/

社区资源：
- 掘金Vue专区: https://juejin.cn/tag/Vue.js
- Awesome Vue: https://github.com/vuejs/awesome-vue
- State of Vue 2025: https://stateofvue.framer.website/
- Vue.js Nation: https://vuejsnation.com/
- Anthony Fu Blog: https://antfu.me/

---

## 前端开发工具 (29 项)

AI 编程助手：
- Cursor: https://cursor.com/ - 2025年最流行的 AI IDE
- Claude Code: https://claude.ai/code - Anthropic 终端 AI 助手
- Windsurf: https://windsurf.com/ - Codeium 团队 AI 编辑器
- GitHub Copilot: https://github.com/features/copilot
- Amazon Q Developer: https://aws.amazon.com/q/developer/

代码编辑器：
- VS Code: https://code.visualstudio.com/
- WebStorm: https://www.jetbrains.com/webstorm/
- Zed: https://zed.dev/ - Rust 高性能编辑器
- Vim/Neovim: https://neovim.io/

现代工具链：
- Bun: https://bun.sh/ - 超快 JavaScript 运行时
- Biome: https://biomejs.dev/ - ESLint + Prettier 替代品
- pnpm: https://pnpm.io/ - 快速包管理器
- ni: https://github.com/antfu/ni - 智能包管理器代理

调试工具：
- Chrome DevTools: https://developer.chrome.com/docs/devtools/
- Postman: https://www.postman.com/
- Insomnia: https://insomnia.rest/

设计工具：
- Figma: https://www.figma.com/
- Sketch: https://www.sketch.com/

---

## 元数据

- 网站名称: Vue3 导航
- 网站地址: https://vue3.cn
- 最后更新: 2025-12-26
- 总资源数: 156
- 分类数: 7
- 语言: 中文 (zh-CN)
- 版权: (c) 2026 Vue3 导航站

## 数据获取

- 网站首页: https://vue3.cn/
- JSON API: https://vue3.cn/api/resources.json
- 简版摘要: https://vue3.cn/llms.txt
- 网站地图: https://vue3.cn/sitemap.xml