如何运行 TypeScript

240 阅读1分钟

1、使用Deno运行TypeScript:

2、把TS变成JS再运行:

把TS变成JS的过程叫做类型擦除

四个工具:

esbuild

  • 安装:npm i -g esbuild
  • 运行:esbuild 1.ts > 1.js
  • 就可以把 1.ts 文件变成 1.js

swc

  • 安装:npm i -g @swc/cli @swc/core
  • 运行:swc 1.ts -o 1.js

tsc

  • 安装:npm i -g typescript
  • 运行:tsc 1.ts

babel

  • 安装:npm i @babel/core @babel/cli @babel/preset-typescript
  • 运行:babel --presets @babel/preset-typescript 1.ts

以上四个工具的区别:

esbuild 和 swc:快(不检查TS语法)

tsc 和 babel:慢(检查TS语法)

3、直接运行TypeScript

在线编辑器:

  1. TypeScript Playground
  2. playcode.io
  3. stackblitz.com
  4. codesandbox.io

本地编辑+ 浏览器

使用vite:vitejs.dev/guide/#scaf…

npm create vite@latest my-vue-app -- --template vanilla-ts

本地编辑 + Node

  1. ts-node:typestrong.org/ts-node/doc…
  2. swc-node:github.com/swc-project…