Vite ⚡ - Vue 2 starter template

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

✨ Live Demo

🔥 Features

• ⚡️ Vite 2, Vue 2 and Composition-API
• 🚦 Vue-Router
• 🎨 Windi CSS - on-demand Tailwind CSS with speed and dark mode
• 📦 Components auto importing
• 😃 Icons as Vue components - powered by Iconify
• 🧰 VueUse - collection of essential Vue Composition Utilities
• 🔍 ESLint + Prettier
• 🦾 Typescript

📦 Vite plugins

• vite-plugin-vue2 - Vue 2 support for Vite
• vite-plugin-windicss - WindiCSS/TailwindCSS for Vite
• unplugin-vue-components - On demand components auto importing for Vite
• unplugin-icons - Access thousands of icons as Vue components in Vite

🚀 Getting started

GitHub Template

Create a repo from this template on GitHub

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

• Rename name field in package.json
• Change the author name in LICENSE
• Change the app name in .env
• Change the favicon in public
• Clean up the README(s) and remove routes

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
npm i

Usage

Development

Just run and visit http://localhost:8080

npm run dev

Build

To build the App, run

npm run 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 ♥️