.

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Tailwind Setup

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

Configure tailwind.config.js file

module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    colors: {
      white: "hsl(0, 0%, 100%)",
      Lightgray: "hsl(212, 45%, 89%)",
      Grayishblue: "hsl(220, 15%, 55%)",
      Darkblue: "hsl(218, 44%, 22%)",
    },
  },
  plugins: [],
}

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build