Vue, Tailwind, and Google Fonts Template

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

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TailwindCSS IntelliSense.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Settings (.vscode/settings.json)

{
    "css.validate": false,
    "tailwindCSS.includeLanguages": {
        "vue": "html",
        "vue-html": "html"
    },
    "editor.quickSuggestions": {
        "strings": true
    }
}

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build