如何在VS代码中使用“compileOnSave”?

时间:2016-04-05 13:52:27

标签: typescript visual-studio-code

Typescript有一个配置选项,用于自动编译打字稿as documented here

{
   "compileOnSave": true,
   "compilerOptions": {
       "noImplicitAny" : true
   }
}

但是在我的tsconfig.json文件中简单地包含它不足以触发自动编译。我使用MS Visual Studio Code作为我的IDE。 如何触发“编译保存”行为?

3 个答案:

答案 0 :(得分:3)

在compilerOptions上尝试watch参数... 它将监视ts文件中的更改,并在js文件中自动刷新。例如:

    "compilerOptions": {
        "module":"commonjs",
        "noImplicitAny": true,
        "removeComments": false,
        "preserveConstEnums": true,
        "outDir": "Scripts/javascript",
        "watch": true,
        "sourceMap": true       
    }

答案 1 :(得分:2)

根据TypeScript site

" Visual Studio 2015中使用TypeScript 1.8.4及更高版本以及atom-typescript插件目前支持此功能。"

因此,Visual Studio Code目前不支持它。我在使用Visual Studio 2015时使用此选项,在家中使用Atom,它可以正常工作。这实际上是我从Visual Studio Code切换到Atom的原因之一。

答案 2 :(得分:0)

我在Atom IDE版本上有相同的问题-在Windows 10 x64系统上运行的1.34.0。

在安装缺少的软件包atom-ide-uiatom-typescript之后,此问题已解决。

这是我的 tsconfig.json 文件的外观。

{

  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "sourceMap": true,
    "outDir": "./build",
    "rootDir": "./src",
    "noImplicitAny": true
  },
  "compileOnSave": true
}
  

我已经在全球范围内安装了TypeScript 3.2.4版。