vue3-vant-mobile

English / 简体中文

一个基于 Vue 3 生态系统的移动端 web 应用模板。

一个基于 Vue 3 生态系统的移动端 web 应用模板，帮助你快速完成业务开发。

许可证仓库大小主要语言已关闭的问题

特性

UnoCSS - 即时按需原子 CSS 引擎
- @unocss/preset-rem-to-px - 将所有工具类的 rem 转换为 px
- eslint-plugin-unocss - UnoCSS 的 ESLint 插件
Vant - 移动端 Vue UI 库
- vant-touch-emulator - 在桌面端模拟移动端触摸事件
- vant-use - Vant 内置的组合式 API

Vue Router
- unplugin-vue-router - 基于文件系统的路由
Pinia - 直观、类型安全、轻量且灵活的 Vue 状态管理
- pinia-plugin-persistedstate - Pinia 状态持久化和重新加载的可配置插件
Vue I18n - 国际化
- unplugin-vue-i18n - Vue I18n 的 unplugin
unplugin-vue-components - 组件自动导入
unplugin-auto-import - 直接使用 Vue Composition API 等功能无需导入
vite-plugin-vconsole - 轻量、可扩展的移动端前端开发工具
vite-plugin-mock-dev-server - 用于 API 模拟开发服务器的 Vite 插件
postcss-mobile-forever - 通过一个移动端视口适配不同显示器
vite-plugin-vue-devtools - 旨在增强 Vue 开发者体验
vueuse - 实用的组合式 API 集合
@unhead/vue - 响应式地操作文档头部
vite-plugin-pwa - PWA
vite-plugin-sitemap - 站点地图和 robots 生成器

vue3-vant-mobile 需要 Node 18+

如果您更喜欢手动操作，可以使用更干净的 git 历史记录

npx tiged easy-temps/vue3-vant-mobile my-mobile-app
cd my-mobile-app
pnpm i # 如果你没有安装 pnpm，可以先运行：npm install -g pnpm

当你使用此模板时，请尝试按照清单正确更新你的信息

然后，尽情享用 :)

只需要执行以下命令就可以在 http://localhost:3000 中看到

pnpm dev

构建该应用只需要执行以下命令

pnpm build

然后你会看到用于发布的 dist 文件夹被生成。

前往 Netlify 并选择你的仓库, 一路 OK 下去，稍等一下后，你的应用将被创建。

我们建议使用问题反馈或微信群进行问题反馈。

您的赞助将帮助我们继续迭代这个激动人心的项目！🚀

我们的贡献者让这个项目变得更好。感谢你们！🙏

MIT 许可证