yilingkuo / vite-vue3-tailwind-starter

⚡ Vite ✔ Vue 3 🌻 Tailwind CSS

• 安裝Vite官網上提及的社群template 已包含vue3, tailwindcss

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

  並執行

  npm install
  npm run dev

  確認專案可正常執行
• 補上其他所需package (pug, firebase)

  npm i vue-cli-plugin-pug
  npm i firebase

• 在firebase創建專案

This starter template includes:

• Vite
• Vue 3
• Tailwind CSS v3
• Vue Router v4
• 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
• prettier-plugin-tailwindcss - Automatic Class Sorting with Prettier

First-party plugins needed for Tailwind UI:

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

npm i
npm run dev
npm run build
npm run serve