如何在Vscode上直接运行typescript?

Typescript
留言

在学习 typescript 的过程中发现在 vscode 上不能很好地的输出 typescript 的运行结果，需要先将 typescript 编译为 javascript，在通过 node 执行 js 文件得到结果，执行过程如下

// greeter.ts
function greeter(person) {
  return "Hello, " + person;
}

let user = "Jane User";

console.log(user);

在命令行上执行

tsc greeter.ts

在当前文件夹下会输出 greeter.js 文件，然后通过 node greeter.js 执行这个文件，才能输出运行结果。这样操作觉得比较麻烦，查询后得知在 vscode 上还有更快捷的执行方式

执行准备操作

  1. 在全局上安装 ts-node 包
npm install typescript ts-node @types/node@* -g
  1. 在 vscode 上安装 Code Runner 插件

执行

点击右上角的运行按钮即可在输出面板看到运行结果
801336-20200704105850757-444554972