Vite + Vue 3 + Tailwind CSS (starter) ⚡

This starter template also includes:

• Tailwind CSS v3.0.0-alpha ⚠
• Vue Router 4.x
• Inter var font (self-hosted, woff2, v3.19, with 'preload' attr, check out index.html)
• Headless UI - unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS
• Heroicons - beautiful hand-crafted SVG icons, by the makers of Tailwind CSS

First-party plugins needed for Tailwind UI:

• tailwindcss/forms
• tailwindcss/typography
• tailwindcss/line-clamp
• tailwindcss/aspect-ratio

Getting Started 🚀

npx degit web2033/vite-vue3-tailwind-starter vvt-app
cd vvt-app

npm:

npm i
npm run dev
npm run build
npm run serve

yarn:

yarn
yarn dev
yarn build
yarn serve

Bonus links

• Enabling https on localhost (dev notes)
• Vite dev server with netlify dev support (dev notes)
• Volar - recommended (instead of Vetur) VSCode extension built specifically for Vue 3
• Pinia - state-management alternative to Vuex 4 with a similar to upcoming Vuex 5 API
• VueUse - collection of essential Vue Composition Utilities