herrmannplatz/vite-vue2-windicss-starter

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

VueMIT

Vite ⚡ - Vue 2 starter template

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

Features

⚡️ Vite, Vue 2 - lightning fast
🔥 Composition-API with <script setup> syntax support
📦 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 corse

Vite plugins

vite-plugin-vue2 - Vue 2 support for Vite
unplugin-vue2-script-setup - syntax support for <script setup>
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.