Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sheepreaper/typescript-quickstart

After faffing around trying to get a simple canvas to prototype stuff on but with typescript, I found a combination of minimal packages and a bundler to get up and coding quickly.
https://github.com/sheepreaper/typescript-quickstart

eslint parcel prettier quickstart template typescript vscode yarn2

Last synced: about 1 month ago
JSON representation

After faffing around trying to get a simple canvas to prototype stuff on but with typescript, I found a combination of minimal packages and a bundler to get up and coding quickly.

Awesome Lists containing this project

README

        

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

# Typescript quick-start template

This template allows you to just start coding in src/index.ts and live-edit an app without having to mess about with dependencies.

This template provides lots of help as well:

Features:

- Yarn 2 - awesome package manager, configured for zero-install
- Prettier - tidy up your code
- Eslint - find design-time errors
- Yarn sdks (IDE support) - allow eslint, prettier, typescript, and their respective vscode extensions to use yarn 2's virtual packages
- Parcel - this bundler can build an run your application with HMR support. It can also build a static version, ready to be served.

Usage:

Put your code into src/index.ts

```shell
yarn dev
```

Will start parcel's development server after building your app.

You can then (if using vscode) hit F5 to start a debugging session from vscode, launching chrome to browse your app.

Alternatively:

```shell
yarn build
```

Will build and output your app to dist/ ready to be served.