Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/tonyrewin/svelte3-ts-boilerplate

postcss rollup svelte typescript

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/tonyrewin/svelte3-ts-boilerplate
Owner: tonyrewin
License: mit
Archived: true
Created: 2019-09-24T01:17:43.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2019-09-24T12:45:43.000Z (over 4 years ago)
Last Synced: 2024-02-05T04:46:04.254Z (5 months ago)
Topics: postcss, rollup, svelte, typescript
Language: JavaScript
Size: 13.7 KB
Stars: 6
Watchers: 2
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: readme.md
- License: LICENSE

Lists

awesome-svelte-resources - tonyrewin/svelte3-ts-boilerplate - (templates / editor tools)

README

# Svelte3-Typescript Boilerplate

TS analytics works in VSCode! Based on:

- [geakstr/svelte-3-rollup-typescript-vscode](https://github.com/geakstr/svelte-3-rollup-typescript-vscode)
- [Axelen123/svelte-ts-template](https://github.com/Axelen123/svelte-ts-template)

## Description

Starter pack for Svelte 3/Rollup/Typescript/Visual Studio Code:

- Typescript support inside Svelte components with [@pyonr/svelte-ts-preprocess](https://github.com/pyonr/svelte-ts-preprocess)
- Also it adds some support for Visual Studio Code and [svelte-vscode](https://github.com/UnwrittenFun/svelte-vscode) extension (via `svelte.config.js`)
- Jest to test .ts/.svelte
- Supports `index.html` entry file, dev server to serve it and livereload
- ESLint, Prettier
- See all in `rollup.config.js`

## How to start

Please, notice the importance of `svelte.config.js` in the root directory for VSCode to use your project's preprocessors. Jest, Prettier, ESLint, PostCSS are optional but useful. So clone and

```sh
npm i
npm run dev
```

### Linting

```sh
npm run lint
npm run format
```