如何在 VSCode 中的 TypeScript 构建期间忽略 `node_modules` 文件夹

Question

我正在使用 visual studio 代码 IDE 和打字稿，如何让它在构建过程中忽略 node_modules 文件夹？或者让它在保存时构建 .ts 个文件？它显示了很多错误，因为它正在尝试编译 node_modules tsd.

目前我的tasks.json是

{
    "version": "0.1.0",

    // The command is tsc.
    "command": "tsc",

    // Show the output window only if unrecognized errors occur. 
    "showOutput": "silent",

    // Under windows use tsc.exe. This ensures we don't need a shell.
    "windows": {
        "command": "tsc.exe"
    },

    "isShellCommand": true,

    // args is the HelloWorld program to compile.
    "args": [],



    // use the standard tsc problem matcher to find compile problems
    // in the output.
    "problemMatcher": "$tsc"
}

Answer 1

如果您不提供 files 列表，VSCode 将编译所有内容。

{
    "compilerOptions": {
        "target": "ES5"
    }
}

您可以通过提供要编译的文件列表来更改此设置，例如：

{
    "compilerOptions": {
        "target": "ES6"
    },
    "files": [
        "app.ts",
        "other.ts",
        "more.ts"
    ]
}

Answer 2

在版本 0.5 中您可以hide files and folders

打开文件->首选项->用户设置并添加类似

的内容

{
        "files.exclude": {
            "**/.git": true,
            "**/.DS_Store": true,
            "jspm_packages" : true,
            "node_modules" : true
        }
}

Answer 3

这是一种帮助您的方法，暂时不要使用 tsconfig.json，它不支持您需要的排除项。我想要的只是使用 tasks.json 编译你所在的文件。目前您必须按 CTRL+SHIFT+B 进行构建，目前还没有保存时构建的好方法。

{

"version": "0.1.0",

// The command is tsc. Assumes that tsc has been installed using npm install -g typescript
"command": "tsc",

// The command is a shell script
"isShellCommand": true,

// Show the output window only if unrecognized errors occur. 
"showOutput": "always",

// args is the HelloWorld program to compile.
"args": ["${file}", "--module", "amd", "--target", "ES5"],


// use the standard tsc problem matcher to find compile problems
// in the output.
"problemMatcher": "$tsc"

}

Answer 4

您现在可以在 tsconfig.json 文件中使用 exclude：

{
    "exclude": [
        "node_modules",
    ],
    "compilerOptions": { 
        ...
    }
}

https://github.com/Microsoft/TypeScript/wiki/tsconfig.json

请注意，它是 compilerOptions 的兄弟而非子项。

如何在 VSCode 中的 TypeScript 构建期间忽略 `node_modules` 文件夹

How to ignore `node_modules` folder during TypeScript build in VSCode

typescript

visual-studio-code