Vite ⚡ - Vue 3 or Vue2 starter template

master分支支持vue3，另外还有vue2分支

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

• 📦 Components auto importing

• 🎨 Windi CSS - on-demand Tailwind CSS with speed and dark mode

• 😃 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-components - On demand components auto importing for Vite

• vite-plugin-windicss - WindiCSS/TailwindCSS for Vite

• vite-plugin-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 ♥️