This starter template includes:
- Vite 3
- Vue 3
- Tailwind CSS 3
- Vue Router
- @vueuse/head - document head manager
- TypeScript - write vue files as
<script setup>or<script setup lang="ts"> - Inter var font (self-hosted, woff2, v3.19, with 'preload' attr, check out index.html)
- Headless UI - unstyled UI components, designed to integrate beautifully with Tailwind CSS
- Heroicons - beautiful hand-crafted SVG icons, by the makers of Tailwind CSS
- prettier-plugin-tailwindcss - automatic class sorting with Prettier
First-party plugins needed for Tailwind UI:
Unplugin Utilities:
- unplugin-vue-components - components auto importing
- unplugin-auto-import - auto import the most used APIs
- unplugin-vue-router - file based routing for vue-router
# install #
npx degit web2033/vite-vue3-tailwind-starter vvt-app
cd vvt-app
npm i
# run #
npm run dev
npm run build
npm run serve