Vite Svelte Ts Tw Eslint Prettier

#Boilerplate Vite + Svelte + TailwindCSS + TypeScript + ESLint + Prettier + Husky + Lint-Staged

Development

Install dependencies

Using pnpm or any preferred package manager:

npm install

Runs both dev & test

scripts = {
  'dev': 'vite',
  'test': 'vitest',
  'test:ui': 'vitest --ui',
  'coverage': 'vitest run --coverage',
  'build': 'npm run lint && vite build',
  'preview': 'vite preview',
  'format': "prettier --write 'src/**/*.{css,html,js,ts,svelte}'",
  'lint': 'eslint --fix src --ext .js,.ts,.svelte',
  'prepare': 'husky install',
};

Recommended IDE Setup

Webstorm + Svelte + ESLint + Prettier

VS Code + Svelte + ESLint + Prettier

Framework & Tools

• Vite
• Svelte
• Vitest
• ESLint
• Prettier