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

by Vue.js Examples

2022-01-11

Vite ⚡ – Vue 2 starter template

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

? 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
yarn install

Usage

Development

Just run and visit http://localhost:8080

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

GitHub