BetCoin-Vite-Tailwind Tailwind Templates

Betcoin Vite Tailwind

BETCOIN

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

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

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build
git add dist -f  
git commit -m "committing dist version now"  
git subtree push --prefix dist origin gh-pages

Install the Tailwind CSS v4 alpha and the new Vite plugin:

npm install tailwindcss@next @tailwindcss/vite@next

Then add the plugin to the vite.config.ts file:

import tailwindcss from '@tailwindcss/vite'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [tailwindcss()],
})

Finally, import Tailwind in the main CSS file:

@import "tailwindcss";

Top categories

Loading Svelte Themes