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
• APIs Auto Import
• Components Auto Import
• File based routing
• Layout System
• UnoCSS
• State Management via Pinia
• Unit Testing with Vitest
• TypeScript
• Deploy on Netlify, zero-config
• Always up to date

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 standard JS

Dev Tools

• pnpm
• TypeScript
• Vitest
• 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 new site and import an existing project from your git repository, just click deploy site and the app will be live soon.