<h1 align="center">Vite ⚡ - Vue 2 starter template</h1>

<p align="center">
  Create a Vue 2 application bundled by the lightning fast build tool <a href="https://github.com/vitejs/vite">Vite</a>
</p>

<p align="center">
 <a href="https://vite-vue2-starter.netlify.app"> ✨ Live Demo</a>
</p>

## Features

* ⚡️ [Vite](https://github.com/vitejs/vite), [Vue 2](https://github.com/vuejs/vue) - lightning fast
* 📦 [Components auto importing](https://github.com/antfu/unplugin-vue-components)
* 📥 [APIs auto importing](https://github.com/antfu/unplugin-auto-import) - use Composition API and others directly
* 🚦 [Vue-Router](https://github.com/vuejs/vue-router)
* 🎨 [Windi CSS](https://github.com/windicss/vite-plugin-windicss) - next generation utility-first CSS framework
* 😃 [Use icons from any icon sets, with no compromise](https://github.com/antfu/unplugin-icons)
* 🧰 [VueUse](https://github.com/vueuse/vueuse) - Collection of essential Vue Composition Utilities
* 🦾 Typescript, of course

## Vite plugins

* [`@vitejs/plugin-vue2`](https://github.com/vitejs/vite-plugin-vue2) -
  Vue 2 support for Vite
* [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components) -
  importing Vue components on-demand
* [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) -
  importing APIs like CompositionAPI on-demand
* [`vite-plugin-windicss`](https://github.com/windicss/vite-plugin-windicss) -
  easy WindiCSS integration
* [`unplugin-icons`](https://github.com/antfu/unplugin-icons) -
  importing icons as Vue components on-demand


## Try it now!

### GitHub Template

[Create a repo from this template on GitHub](https://github.com/lstoeferle/vite-vue2-windicss-starter/generate)

### Clone

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

```bash
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](http://localhost:3333)

```bash
yarn dev
```

### Build

To build the App, run

```bash
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](https://github.com/antfu/vitesse), an opinionated Vite starter template for Vue 3.

Big thanks to [Anthony Fu](https://github.com/antfu) for the inspiration and all the amazing tools you create.
