Visual Studio Code中配置TypeScript自动编译

Visual Studio Code包含TypeScript语言支持，但不包括TypeScript编译器tsc。您需要在全局或工作区中安装TypeScript编译器，以将TypeScript源代码转换为JavaScript（tsc HelloWorld.ts）。

安装TypeScript的最简单方法是通过npm，即Node.js包管理器, -g 表示全局安装。

安装

npm install -g typescript
复制代码

检查版本-安装成功会输出版本信息

tsc --version
复制代码

xm@xm-Vostro-3670:~/project$ tsc --version
Version 3.3.3333
复制代码

新建 HelloWorld 文件夹和 hello_world.ts 文件

mkdir HelloWorld
复制代码

const text:string = 'hello world';
console.log(text);
复制代码

新建Tsconfig.json

{
  "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "outDir": "out",
      "sourceMap": true
  }
}
复制代码

新增任务

Tenimal->Run Task

选择 tsc:build-tsconfig.json

配置完成

按下 F5

发现目录下多了一个 out 文件夹配置的是 "outDir": "out" , DEBUG CONSOLE 输出 hello world 。

修改 text 保存按下 F5