onepisya / vite-vue2-windicss-starter-template

Vite - Vue 2 starter template using composition-api and windiCSS

Vite ⚡ - Vue 2 starter template

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

✨ Live Demo

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-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.