是否可以使用TSServer而不是tsc来验证Visual Studio Code中的所有源文件

时间:2019-01-16 20:24:36

标签: typescript visual-studio-code

我正在使用Visual Studio Code来管理我的TypeScript项目。我使用以下工作流程:

1)我(仅)使用ts-loader中的webpack插件转译项目:

use: [{
    loader: 'ts-loader',
    options: {
        transpileOnly: true
    }
}

2)我使用tsc中的noEmittsconfig.json选项验证我的来源:

{
  "compilerOptions": {
    "moduleResolution": "node",
    "baseUrl": "./",
    "target": "es5",
    "module": "es6",
    "lib": [
      "es2015",
      "es2016",
      "es2017",
      "dom",
      "scripthost"
    ],
    "jsx": "react",
    "allowJs": true,
    "checkJs": false,
    "sourceMap": true,
    "noEmit": true,
    "esModuleInterop": true
  },
}

3)我将Visual Studio Code中的npm脚本作为任务运行,并且按预期运行。

{
    "tasks": [
        {
            "type": "npm",
            "script": "type-check",
            "problemMatcher": [
                "$tsc"
            ]
        }
    ]
}

在Visual Studio Code中进行编辑时,我收到来自TSServer的即时视觉反馈,该反馈在后台运行,但仅在一个特定文件中向我显示了问题。

是否可以使用TSServer来验证项目中的所有文件,而不是手动运行tsc cli?

1 个答案:

答案 0 :(得分:1)

您是否尝试过执行“查看”>“问题”?它应列出当前项目中的所有所有问题。

enter image description here

不利之处在于,它还会显示其他工具的错误-eslint,tslint,type-coverage等。