vue3-club/vue3-docs

优秀项目征集

febobo opened this issue · 39 comments

欢迎推荐,自荐Vue相关的优秀项目到我们首页,可以在本贴下面通过如下格式进行盖楼,我们将在审核后进行统一更新

参考格式

  • 项目名称
  • 项目描述(100字内)
  • 推荐理由(100字内)
  • vue-vconsole-devtools
  • vue-devtools 嵌入vconsole插件 ,在移动端获得官方debug体验
  • 无需安装浏览器工具,Safari兼容,微信浏览器兼容,支持Vue2 Vue3
  • gif
  • vue-router-keep-alive-helper
  • Vue 2.x keep-alive页面缓存自动管理插件 (缓存页面堆栈式管理插件)
  • 模拟移动端原生堆栈式缓存管理方式,返回自动销毁栈顶页面,无侵入代码,一行搞定缓存管理
  • gif
  • stack-keep-alive
  • Vue 3.x 堆栈式缓存管理组件
  • 使用简单,良好支持Vue 3.x
  • vue-vconsole-devtools
  • vue-devtools 嵌入vconsole插件 ,在移动端获得官方debug体验
  • 无需安装浏览器工具,Safari兼容,微信浏览器兼容,支持Vue2 Vue3
  • gif

已收纳

  • stack-keep-alive
  • Vue 3.x 堆栈式缓存管理组件
  • 使用简单,良好支持Vue 3.x

已收纳

https://staging-cn.vuejs.org/
vue3 新的文档官网

  • pinia
  • Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。
  • 与 Vuex 相比,Pinia 提供了一个更简单的 API,具有更少的规范,提供了 Composition-API 风格的 API,最重要的是,在与 TypeScript 一起使用时具有可靠的类型推断支持。

varlet
基于 Vue3 的 Material design 风格移动端组件库 Material design mobile

https://vue-cropper.vercel.app/#/demo-basic
完美支持Vue3的图片裁剪库,长期维护更新

  • vue-template

  • 项目描述:基于vue-cli二次封装的移动端框架,主要功能点,vue3 +vue-cli4 + webpack5 + 多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等

  • 推荐理由:上万字文档说明,融合了工作三年移动端开发的项目经验和沉淀积累,总结封装出一套行业内通用的移动端开发模版,每个功能点都有业务场景,而且目前行业内,相关的内容比较少,对前端开发们来说,一般也不用去封装业务框架,但是如果要成为一个前端负责人,这是必须要掌握的。

  • idux - vue3.x组件库
  • 项目描述:一个基于 Vue 3.x 和 TypeScript 开发的开源组件库,它拥有以下特性:
    • Monorepo 管理模式:cdk, components, pro
    • 开箱即用的高质量组件
    • 全面拥抱 Composition API,从源码到文档
    • 完全使用 TypeScript 开发,提供完整的类型定义
    • 灵活的全局配置
    • 深入细节的主题定制能力
    • 国际化语言支持
  • 推荐理由:https://juejin.cn/post/7042565546189488159
kagol commented
  • vue-devui
  • 项目描述:基于 DevUI Design 的 Vue3 组件库,使用 pnpm + vite + vue3 + tsx 技术搭建,包含55个简洁、易用、灵活的组件,支持按需引入,支持主题定制,并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。
  • 推荐理由:沉淀自华为云众多业务的优秀实践,70+社区开发者一起参与共建,包含DatePickerPro、Splitter、Ripple等多个特色组件,使用积木理论进行组件的设计和开发,尽可能平衡灵活性和易用性,对于Table、Tree等复杂组件,使用 Composition API 进行交互逻辑的拆分,确保组件的可扩展性和可维护性。
  • idux - vue3.x组件库

  • 项目描述:一个基于 Vue 3.x 和 TypeScript 开发的开源组件库,它拥有以下特性:

    • Monorepo 管理模式:cdk, components, pro
    • 开箱即用的高质量组件
    • 全面拥抱 Composition API,从源码到文档
    • 完全使用 TypeScript 开发,提供完整的类型定义
    • 灵活的全局配置
    • 深入细节的主题定制能力
    • 国际化语言支持
  • 推荐理由:https://juejin.cn/post/7042565546189488159

已收纳

  • vue-devui
  • 项目描述:基于 DevUI Design 的 Vue3 组件库,使用 pnpm + vite + vue3 + tsx 技术搭建,包含55个简洁、易用、灵活的组件,支持按需引入,支持主题定制,并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。
  • 推荐理由:沉淀自华为云众多业务的优秀实践,70+社区开发者一起参与共建,包含DatePickerPro、Splitter、Ripple等多个特色组件,使用积木理论进行组件的设计和开发,尽可能平衡灵活性和易用性,对于Table、Tree等复杂组件,使用 Composition API 进行交互逻辑的拆分,确保组件的可扩展性和可维护性。

已收纳

  • vue-template
  • 项目描述:基于vue-cli二次封装的移动端框架,主要功能点,vue3 +vue-cli4 + webpack5 + 多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等
  • 推荐理由:上万字文档说明,融合了工作三年移动端开发的项目经验和沉淀积累,总结封装出一套行业内通用的移动端开发模版,每个功能点都有业务场景,而且目前行业内,相关的内容比较少,对前端开发们来说,一般也不用去封装业务框架,但是如果要成为一个前端负责人,这是必须要掌握的。

已收纳

https://vue-cropper.vercel.app/#/demo-basic 完美支持Vue3的图片裁剪库,长期维护更新

已收纳

gin-vue-admin
项目描述:基于vite+vue3+gin搭建的开发基础平台(支持TS,JS混用),集成jwt鉴权,权限管理,动态路由,显隐可控组件,分页封装,多点登录拦截,资源权限,上传下载,代码生成器,表单生成器等开发必备功能。

推荐理由:完善的文档,配套的视频教学,广大的用户基础,急速的开发效率。

pnpm + monorepo + qiankun(微前端) + vue3 + vite3 + 组件库(通用表单、列表、等)+ 工具集

快乐摸鱼

H5建站平台平台是内部使用,我放个图在这里方便看下页面操作
1FC398BD-A6CC-423E-B4B7-D80A763A449B
移动渲染端这里是我整理的使用建站平台搭建的有特色的站点集合;

OpenDataV
项目描述: 🎃OpenDataV 是一个纯前端的拖拽式可视化低代码数据可视化🌈开发平台,你可以用它自由的拼接成各种✨炫酷的大屏,同时支持用户方便的开发自己的组件并接入平台。

体验地址:datav.byteportrait.com

部分页面截图:

  1. 组件添加
    screenshots

  2. 组件操作
    screenshots1

  3. 组件数据配置
    screenshots2

  • meadmin-template
  • vue3 + ts + vite3 + element-plus + vue-router + pinia 实现的后台管理( admin )系统
  • 开箱即用,采用最新技术栈

GoView
基于 Vue3 框架编写的可视化大屏

  • Vue Material Admin

  • version licensestars

  • 基于 Vuetify 免费开源的中后台模版。使用了Vue3ViteTS等开发,可用于学习参考、项目启动

  • 高质量设计模版、高质量仪表盘设计、高德地图新特性案例,ThreeJs模型导入使用案例,长期维护更新

  • vue-chartGPT
  • vue3 + vite + typescript + pinia 模拟实现chartGPT交互效果
  • vue3 + vite + typescript + pinia + 数据持久化 + axios二次封装 + 主题切换 + 自适应等等,是很好的体验vue3开发的实战教程

vue-h5-template
vue移动端模版

goView
低代码数据可视化项目
vue3+ts写的,很方便需要大屏可视化项目的需求,缺点是一些东西收费

https://www.laizutuan.com/

来组团
vue3+vuetify 实现的群组分发网站