Vue 3 Starter

Vue 3 development template for building web applications quickly, integrating Vue 3, Vite, and popular libraries or development plugins.

Features

• Vue 3, Vite 3, pnpm
• Automatic import of APIs with unplugin-auto-import
• Automatic import of components with unplugin-vue-components
• File-based routing using vite-plugin-pages
• Flexible layout system with vite-plugin-vue-layouts
• Integration of UnoCSS
• State management through Pinia
• Unit Testing with Vitest
• End-to-End testing with Playwright
• Support of TypeScript
• Easy deployment on Netlify with zero-config
• Continuous updates to ensure the latest features and improvements

Pre-packed

Plugins

• unplugin-auto-import
• unplugin-vue-components
• Vue Router
  • vite-plugin-pages
  • vite-plugin-vue-layouts
• Pinia

UI Framework

• UnoCSS

Icons

• Tabler icons via UnoCSS

Coding Style

• Prettier, no semi, single quotes
• ESLint with recommended

Dev Tools

• pnpm
• TypeScript
• Vitest
• Playwright
• Netlify

Usage

Clone to local

npx degit GeniusCorn/vue3-starter my-app
cd my-app
pnpm i

Development

Just run and visit http://localhost:5173

pnpm dev

Build

To build the app, run

pnpm build

Deploy on Netlify

Go to Netlify, add a new site and import an existing project from your git repository, just click deploy the site and the app will be live soon.