Vite ⚡ - Vue 2 starter template

Create a Vue 2 application bundled by the lightning fast build tool Vite

Features

⚡️ Vite, Vue 2 - lightning fast
📦 Components auto importing
📥 APIs auto importing - use Composition API and others directly
🚦 Vue-Router
🎨 Windi CSS - next generation utility-first CSS framework
😃 Use icons from any icon sets, with no compromise
🧰 VueUse - Collection of essential Vue Composition Utilities
🦾 Typescript, of course

Vite plugins

@vitejs/plugin-vue2 - Vue 2 support for Vite
unplugin-vue-components - importing Vue components on-demand
unplugin-auto-import - importing APIs like CompositionAPI on-demand
vite-plugin-windicss - easy WindiCSS integration
unplugin-icons - importing icons as Vue components on-demand

Try it now!

GitHub Template

Create a repo from this template on GitHub

Clone

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

npx degit lstoeferle/vite-vue2-windicss-starter my-vite-vue2-app
cd my-vite-vue2-app
yarn install

Usage

Development

Just run and visit http://localhost:3333

yarn dev

Build

To build the App, run

yarn build

And you will see the generated files in dist, which are ready to be served.

Why

Vue 3 is awesome, but we should not forget about supporting Vue 2 ♥️

Credits

This project is inspired by Vitesse, an opinionated Vite starter template for Vue 3.

Big thanks to Anthony Fu for the inspiration and all the amazing tools you create.