Svelte (TS) + Vite + Tailwind

This template should help get you started developing with Svelte (TypeScript) and Tailwind in Vite.

This template is based on official create-vite template for Svelte TS with use of svelte-add for adding Tailwind with ease.

Recommended IDE Setup

VS Code

All necessary plugins are defined in the .vscode/extensions.json file. So the IDE will recommend them to you automatically

Project setup

If you want more out of a pure Svelte + Vite + Tailwind experience, go to the enhanced branch

To use this template, you can use pnpm dlx degit on this branch or setup everything manually.

Quickstart

pnpm dlx degit secondthunder/svelte-vite-tailwind name-of-svelte-app
cd name-of-svelte-app
pnpm install

Manual setup

pnpm create vite name-of-svelte-app --template svelte-ts
cd name-of-svelte-app
pnpm install
...
pnpm dlx svelte-add@latest tailwindcss
pnpm install

If you prefer regular JS, you can run first command above with --template svelte

License

This repository is licensed under MIT License