介绍
vue3-vant-mobile 是一款开源免费且开箱即用的移动模版,完全采用 ECMAScript
模块(ESM
)规范来编写和组织代码,使用了最新的 Vue3
、Vite
、Vant
、TypeScript
、Pinia
、Unocss
等主流技术开发。我们还提供了业务当中常用的组件,例如:Dark Mode
、i18n
、Mock
、ECharts
、Pinia
持久化、KeepAlive
等示例。总之,开发者借助这个模板,可以继续向上构建自己的业务场景,快速完成开发工作。
在线预览
预配置
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 生成器
问题反馈
我们推荐使用 议题 来反馈问题, 或者您也可以通过微信群联系我们。
![community](https://cdn.jsdelivr.net/gh/easy-temps/easy-static/community.png)