1 如何运行TypeScript

浏览器或node不能直接运行TS，需要借助工具进行类型擦除后方可正常运行

Deno（node亲兄弟）可以直接（Rust+V8）运行TS

2 如何擦除类型

  1. esbuild (不检查语法，单纯做类型擦除，基于go)
1
2

npm i -g esbuild
esbuild 1.ts > 1.js
  1. swc (不检查语法，单纯做类型擦除，基于rust)
1
2

npm i -g @swc/cli @swc/core
swc 1.ts -o 1.js
  1. tsc (官方推出的TS编译器，检查语法)
1
2

npm i -g typescript
tsc 1.ts
  1. babel (最麻烦，检查语法)
1
2

npm i @babel/core @babel/cli @babel/preset-typescript
babel --presets @babel/preset-typescript 1.ts

3 线上运行TypeScript

  1. TypeScript PlayGround

https://www.typescriptlang.org/play

  1. StackBlitz.com

StackBlitz | Instant Dev Environments | Click. Code. Done.

  1. codesandbox.io

CodeSandbox: Online Code Editor and IDE for Rapid Web Development

4 本地运行TypeScript

  1. Vite + vanilla-ts（原生ts）
  2. ts-node

Overview | ts-node (typestrong.org)

  1. swc-node

swc-project/swc-node: Faster ts-node without typecheck (github.com)

  1. esno

esbuild-kit/esno: Alias to tsx (github.com)

5 如何调试TypeScript

看编辑器报错即可