Svelte Themes Logo Svelte Themes
Svelte Typescript Template screenshot

Svelte Typescript Template

Author Avatar Theme by Kentonishi
Updated: 17 Jul 2023
8 Stars

An opinionated template for my Svelte projects.

Github

Categories

Vite Templates & themes

Overview:

The svelte-ts-template is an opinionated template for Svelte projects that includes various features such as TypeScript support, ESLint, Prettier, svelte-i18n, GitHub Actions template for GitHub Pages, Vite with preconfigured Svelte support, and preconfigured VSCode settings for ESLint, i18n, etc. This template stands out from others as it offers proper formatting and linting for .svelte files, supports TypeScript in both .svelte and .ts files, provides i18n support in Svelte components, allows for easy deployment to GitHub Pages, and ensures that VSCode extensions work seamlessly.

Features:

  • TypeScript: Allows for the usage of TypeScript in Svelte projects.
  • Svelte (with TS support): Provides support for Svelte with TypeScript.
  • ESLint (with TS support): Includes ESLint support with TypeScript compatibility.
  • Prettier (with Svelte support): Offers proper formatting for .svelte files.
  • Preconfigured svelte-i18n: Provides i18n support in Svelte components.
  • GitHub Actions template for GitHub Pages: Allows for easy deployment to GitHub Pages.
  • Vite with preconfigured Svelte support: Offers Vite setup with preconfigured support for Svelte.
  • Preconfigured VSCode settings for ESLint, i18n, etc.: Provides preconfigured settings for ESLint, i18n, and other features in VSCode.

Installation:

To use this template, follow these steps:

  1. Click the “Use this template” button in GitHub to create a new repository using this template.
  2. Once you have cloned your repository, run yarn to install the dependencies.
  3. Reload VSCode to refresh the ESLint extension.
  4. Use the “ESLint: Fix all auto-fixable problems” command to auto-fix any file.

Summary:

The svelte-ts-template is an opinionated template for Svelte projects that offers a range of features including TypeScript, ESLint, Prettier, svelte-i18n, GitHub Actions template for GitHub Pages, Vite with preconfigured Svelte support, and preconfigured VSCode settings. It is particularly popular for its proper formatting and linting of .svelte files, TypeScript compatibility, i18n support, easy deployment to GitHub Pages, and seamless integration with VSCode extensions. Follow the provided installation guide to get started with this template for your Svelte projects.