在Visual Studio代码0.5.0中自动保存时运行TSC任务

时间:2015-07-14 12:18:40

标签: typescript visual-studio-code typescript1.5

我正在从WebStorm迁移到VSCode,这是我无法得到的,而且似乎是最基本的。保存后,我想运行typescript任务。我还不能使用tsconfig.json,因为我无法在filesGlob中以atom方式排除文件夹(它在我的node_modules文件夹中窒息)。

我现在每次都必须做CTRL+SHIFT+B,以便在每次保存后让红色下划线消失。一定有办法吗?

3 个答案:

答案 0 :(得分:2)

经过大量的摆弄,我想出了这个,它按照我的预期工作。

tasks.json

{
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "args": [ "-p", "." ],
    "showOutput": "silent",
    "isWatching": true,
    "problemMatcher": "$tsc-watch"
}

tsconfig.json

{
    "compilerOptions": {
        "target": "ES5",
        "module": "amd",
    "watch": true,
        "inlineSourceMap": true
    },
    exclude: [ 'node_modules']
}

Ultimate Visual Studio Code / TS Setup

答案 1 :(得分:0)

您可以调整键盘快捷键以在每次保存的基础上构建 - 代码很乐意允许多个绑定到同一个键:

keybindings.json

awk '{ $NF="";$(NF-1)="";$(NF-2)="" ; print $0 }'

您可以使用文件,首选项,键盘快捷键进行这些设置。

答案 2 :(得分:0)

我认为你可以创建一个gulpfile来引用你的所有任务,包括打字稿编译。

然后你添加一个" watch"启动编辑的任务。

最后,您在VSCode中创建一个Task Runner文件,以便在构建时启动" watch" gulp任务。

因此,当您打开VSCode时,您会CTRL+SHIFT+B并且瞧瞧。