nuxt-vant-mobile

一个基于 Nuxt ⁴ 生态系统的移动端 Web 应用模板。

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

文档 / 交流 / 反馈

🖥 在线预览

特性

• 💚 Nuxt - SSR、ESR、基于文件的路由、组件自动导入、模块等

• ⚡️ Vite - 即时热更新

• 🎨 UnoCSS - 即时按需原子化 CSS 引擎

• 😃 使用纯 CSS 的任意图标集，由 UnoCSS 提供支持

• 🔥 <script setup> 语法

• 🌍 国际化支持

• 🍍 使用 Pinia 进行状态管理，查看 ./app/composables/counter.ts

• 📑 布局系统

• 📥 API 自动导入 - 用于 Composition API 和自定义组合式函数

• 🦾 当然支持 TypeScript

• ☁️ 零配置部署在 Netlify 上

Nuxt 模块

• Vant - 移动端 Vue UI 库
• Nuxt ESLint - Nuxt 的 ESLint 相关包集合
• i18n - Nuxt 的国际化模块
• ColorMode - 支持自动检测的深色和浅色模式
• UnoCSS - 即时按需原子化 CSS 引擎
• Pinia - 直观、类型安全、轻量且灵活的 Vue 状态管理
• Pinia Persistedstate - 可配置的 Pinia 存储持久化和重新激活
• DevTools - 释放 Nuxt 开发者体验

IDE

我们推荐使用 VS Code 搭配 Volar 以获得最佳体验（如果你安装了 Vetur，建议禁用它）

立即尝试

GitHub 模板

从 GitHub 上使用此模板创建仓库

克隆到本地

如果你更喜欢手动操作并保持更清晰的 git 历史

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

使用方法

开发

只需运行并访问 http://localhost:3000

pnpm dev

构建

要构建应用，运行

pnpm build

你将在 .output 目录中看到生成的可以部署的文件。