2.2.5　编译程序

Visual Studio Code的任务管理器已经集成了对TypeScript编译器的支持，我们可以利用它来编译TypeScript程序。使用Visual Studio Code任务管理器的另一个优点是它能将编译过程中遇到的错误和警告信息显示在“Problems”面板里。

使用快捷键“Ctrl + Shift + B”或从菜单栏里选择“Terminal→Run Build Task”来打开并运行构建任务面板，然后再选择“tsc: build - tsconfig.json”来编译TypeScript程序，如图2-9所示。

图2-9　运行构建任务菜单

当编译完成后，在“hello-world.ts”文件的目录下会生成一个同名的“hello-world.js”文件，它就是编译输出的JavaScript程序。

此时的目录结构如下所示：

sample
|-- hello-world.js
|-- hello-world.ts
`-- tsconfig.json

生成的“hello-world.js”文件如下所示：

01 "use strict";
02 var greeting = 'hello, world';
03 console.log(greeting);