README.md

nuxt④-vant-mobile

An mobile web apps template based on the Nuxt ecosystem.

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

文档 / 交流 / 反馈

Live Demo

Features

• 💚 Nuxt - SSR, ESR, File-based routing, components auto importing, modules, etc

• ⚡️ Vite - Instant HMR

• 🎨 UnoCSS - The instant on-demand atomic CSS engine

• 😃 Use icons from any icon sets in Pure CSS, powered by UnoCSS

• 🔥 The <script setup> syntax

• 🌍 I18n ready

• 🍍 State Management via Pinia, see ./app/composables/counter.ts

• 📑 Layout system

• 📥 APIs auto importing - for Composition API and custom composables

• 🦾 TypeScript, of course

• ☁️ Deploy on Netlify, zero-config

Nuxt Modules

• Vant - Vue UI library for mobile web apps
• Nuxt ESLint - collection of ESLint-related packages for Nuxt
• i18n - i18n module for Nuxt
• ColorMode - dark and Light mode with auto detection made easy with Nuxt
• UnoCSS - the instant on-demand atomic CSS engine
• Pinia - intuitive, type safe, light and flexible Store for Vue
• Pinia Persistedstate - configurable persistence and rehydration of Pinia stores
• DevTools - unleash Nuxt Developer Experience

IDE

We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it)

Try it now

GitHub Template

Create a repo from this template on GitHub

Clone to local

If you prefer to do it manually with the cleaner git history

npx tiged easy-temps/nuxt-vant-mobile my-nuxt-app
cd my-nuxt-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Usage

Development

Just run and visit http://localhost:3000

pnpm dev

Build

To build the App, run

pnpm build

And you will see the generated file in .output/public that ready to be served.

Deploy on Netlify

Go to Netlify and select your clone, OK along the way, and your App will be live in a minute.

Community 👏

We recommend that issue be used for problem feedback, or Wechat group.

Donation ☕

Buy Me a Coffee

💝 Our Sponsors 💝

Your sponsorship will help us continue to iterate on this exciting project! 🚀

License

MIT License