如何在vscode上直接運行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

2. 在vscode上安裝Code Runner插件

執行

點擊右上角的運行按鈕即可在輸出面板看到運行結果