Vitesse

Opinionated Vite Starter Template

^{Mocking up web app with ⚡️vitesse}

Live Demo

Pre-packed

UI Frameworks

• Tailwind CSS
• tailwindcss-dark-mode
• variantwind

Icons

• Iconify - use icons from any icon sets 🔍Icônes
• PurgeIcons - bundles only the icons that you use

Router

• Vue Router
• Voie - file system based routing

Utils

• vue-i18n
• VueUse - collection of useful composition APIs

Misc

• Use Composition API with <script setup> SFC

Dev tools

• Typescript
• pnpm - fast, disk space efficient package manager
• Netlify
• ESLint with @antfu/eslint-config-vue
• VS Code Extensions

Try it now!

Create a repo from this template on Github.

Or if you prefers do to manually with cleaner git history

npx degit antfu/vitesse my-vitesse-app
cd my-vitesse-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Why

I have created several Vite apps recently. Setting the configs up is kinda the bottleneck for me to make the idea simply comes true in a very short time.

So I made this starter template for myself to create apps more easily, along with some good practices that I have learned from making those apps. It's strongly opinionated, but feel free to tweak it or even maintains your own forks.