Vite + Vue 3 Starter Template

Vite + Vue 3 SPA Starter Template, supports I18n, UnoCSS, Axios, File Routing and API auto-import.

• Live Demo
• Play on Stackblitz
• README for 简体中文

Features

• Vue 3, Vite, UnoCSS, Pinia, TypeScript - The latest web develop stack.
• File-based routing and layout system, it's automatic.
• Components, API and src directories are auto importing.
• Out-of-the-box network requests, based on Axios.
• Use SVG icons from any icon sets with classes.
• I18n ready, and supports automatic import of translated files.
• Unit Testing with Vitest.
• Deploy on Netlify with zero-config, supports other deployment methods as well.

Preview

Usage

Create a repo from this template on GitHub.

git clone <git remote url>

Install dependencies.

cd starter-vite-vue3 # Or your project directory

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Just run and visit http://localhost:9865.

pnpm dev

To build the App, you can run:

pnpm build

You will then see the dist folder generated for publishing, which you can preview locally with the following command.

pnpm preview

Clean Template

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

npx degit starter-collective/starter-vite-vue3 starter-vite-vue3

cd starter-vite-vue3

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

When you use this template, try follow the checklist to update your info properly:

• Change the author name in LICENSE.
• Change the title in locales/*.json and .env.
• Change the favicon in public and remove preview image.

License

MIT License © 2024 Kieran Wang