|
1 |
| -# vue3 vant mobile |
| 1 | +--- |
| 2 | +title: 介绍 |
| 3 | +description: 一个基于 Vue 3 生态系统的移动 web 应用模板,帮助你快速完成业务开发 |
| 4 | +--- |
2 | 5 |
|
3 |
| -> ✍ 还未编写,敬请期待 |
| 6 | +# 介绍 |
| 7 | + |
| 8 | +[vue3-vant-mobile](https://github.com/easy-temps/vue3-vant-mobile) 是一款开源免费且开箱即用的移动模版,完全采用 `ECMAScript` 模块(`ESM`)规范来编写和组织代码,使用了最新的 `Vue3`、`Vite`、`Vant`、`TypeScript`、`Pinia`、`Unocss` 等主流技术开发。我们还提供了业务当中常用的组件,例如:`Dark Mode`、`i18n`、`Mock`、`ECharts`、`Pinia` 持久化、`KeepAlive` 等示例。总之,开发者借助这个模板,可以继续向上构建自己的业务场景,快速完成开发工作。 |
| 9 | + |
| 10 | +## 在线预览 |
| 11 | + |
| 12 | +:point_right: [Live Demo](https://vue3-vant-mobile.netlify.app/) |
| 13 | + |
| 14 | +[](https://app.netlify.com/sites/vue3-vant-mobile/deploys) |
| 15 | + |
| 16 | +## 预配置 |
| 17 | + |
| 18 | +### UI 框架 |
| 19 | + |
| 20 | +- [UnoCSS](https://github.com/antfu/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎 |
| 21 | + - [@unocss/preset-rem-to-px](https://github.com/unocss/unocss/tree/main/packages/preset-rem-to-px) - 将所有实用程序的 rem 转换为 px |
| 22 | + - [eslint-plugin-unocss](https://github.com/devunt/eslint-plugin-unocss) - Unocss 的 ESLint 插件 |
| 23 | +- [Vant](https://github.com/youzan/vant) - 移动端 Vue 组件库 |
| 24 | + - [vant-touch-emulator](https://github.com/youzan/vant/tree/main/packages/vant-touch-emulator) - 在桌面端上模拟移动端 touch 事件 |
| 25 | + - [vant-use](https://github.com/youzan/vant/tree/main/packages/vant-use) - Vant 内置的组合式 API |
| 26 | + |
| 27 | +### 插件 |
| 28 | + |
| 29 | +- [Vue Router](https://github.com/vuejs/router) |
| 30 | + - [unplugin-vue-router](https://github.com/posva/unplugin-vue-router) - 以文件系统为基础的路由 |
| 31 | +- [Pinia](https://pinia.vuejs.org) - 直接的, 类型安全的, 使用 Composition API 的轻便灵活的 Vue 状态管理库 |
| 32 | + - [pinia-plugin-persistedstate](https://github.com/prazdevs/pinia-plugin-persistedstate) - 适用于 Pinia 的持久化存储插件 |
| 33 | +- [Vue I18n](https://github.com/intlify/vue-i18n-next) - 国际化 |
| 34 | + - [unplugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n) - Vue I18n 的 Vite 插件 |
| 35 | +- [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) - 自动加载组件 |
| 36 | +- [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 等,无需导入 |
| 37 | +- [vite-plugin-vconsole](https://github.com/vadxq/vite-plugin-vconsole) - vConsole 的 vite 插件 |
| 38 | +- [vite-plugin-mock-dev-server](https://github.com/pengzhanbo/vite-plugin-mock-dev-server) - vite mock 开发服务(mock-dev-server)插件 |
| 39 | +- [postcss-mobile-forever](https://github.com/wswmsword/postcss-mobile-forever) - 一款 PostCSS 插件,将固定尺寸的移动端视图转为具有最大宽度的可伸缩的移动端视图 |
| 40 | +- [vite-plugin-vue-devtools](https://github.com/vuejs/devtools-next) - 旨在增强Vue开发者体验的Vite插件 |
| 41 | +- [vueuse](https://github.com/antfu/vueuse) - 实用的 Composition API 工具合集 |
| 42 | +- [@unhead/vue](https://github.com/unjs/unhead) - 响应式地操作文档头信息 |
| 43 | +- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) - PWA |
| 44 | +- [vite-plugin-sitemap](https://github.com/jbaubree/vite-plugin-sitemap) - sitemap 和 robots 生成器 |
| 45 | + |
| 46 | +## 问题反馈 |
| 47 | + |
| 48 | +我们推荐使用 [议题](https://github.com/easy-temps/vue3-vant-mobile/issues) 来反馈问题, 或者您也可以通过微信群联系我们。 |
| 49 | + |
| 50 | +<img style="width: 50%" src="https://cdn.jsdelivr.net/gh/easy-temps/easy-static/community.png" alt="community" /> |
0 commit comments