Visual Studio Code中配置TypeScript自動編譯

安裝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