介绍

vue3-vant-mobile 是一款开源免费且开箱即用的移动模版，完全采用 ECMAScript 模块（ESM）规范来编写和组织代码，使用了最新的 Vue3、Vite、Vant、TypeScript、Pinia、Unocss 等主流技术开发。我们还提供了业务当中常用的组件，例如：Dark Mode、i18n、Mock、ECharts、Pinia 持久化、KeepAlive 等示例。总之，开发者借助这个模板，可以继续向上构建自己的业务场景，快速完成开发工作。

在线预览

👉 Live Demo

预配置

UI 框架

• UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
  • @unocss/preset-rem-to-px - 将所有实用程序的 rem 转换为 px
  • eslint-plugin-unocss - Unocss 的 ESLint 插件
• Vant - 移动端 Vue 组件库
  • vant-touch-emulator - 在桌面端上模拟移动端 touch 事件
  • vant-use - Vant 内置的组合式 API

插件

• Vue Router
  • unplugin-vue-router - 以文件系统为基础的路由
• Pinia - 直接的, 类型安全的, 使用 Composition API 的轻便灵活的 Vue 状态管理库
  • pinia-plugin-persistedstate - 适用于 Pinia 的持久化存储插件
• Vue I18n - 国际化
  • unplugin-vue-i18n - Vue I18n 的 Vite 插件
• unplugin-vue-components - 自动加载组件
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• vite-plugin-vconsole - vConsole 的 vite 插件
• vite-plugin-mock-dev-server - vite mock 开发服务（mock-dev-server）插件
• postcss-mobile-forever - 一款 PostCSS 插件，将固定尺寸的移动端视图转为具有最大宽度的可伸缩的移动端视图
• vite-plugin-vue-devtools - 旨在增强Vue开发者体验的Vite插件
• vueuse - 实用的 Composition API 工具合集
• @unhead/vue - 响应式地操作文档头信息
• vite-plugin-pwa - PWA
• vite-plugin-sitemap - sitemap 和 robots 生成器

问题反馈

我们推荐使用 议题 来反馈问题, 或者您也可以通过微信群联系我们。