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