为 VS2017 设置 TSLint答案

【问题标题】：Set up TSLint for VS2017为 VS2017 设置 TSLint
【发布时间】：2017-08-07 01:48:15
【问题描述】：

我试过安装这个插件：Web Analyzer，可惜在VS 2017中无法安装，显示：

VSIXInstaller.NoApplicableSKUsException：此扩展程序不可安装在任何当前安装的产品上。

我想知道是否有办法在 VS 中设置 tslint 或者有任何其他方法来检查语法？

【问题讨论】：

【解决方案1】：

由于这是 google 搜索结果中的佼佼者，我想添加一个更新的答案。微软现在有一个 tslint 插件，它可以与 Typescript 3+ 以及 Visual Studio、VSCode 和其他编辑器一起使用：

设置

安装依赖项

npm install --save-dev typescript tslint typescript-tslint-plugin

添加到 tsconfig.json：

{
  "compilerOptions": {
    "plugins": [
      {
        "name": "typescript-tslint-plugin"
      }
    ]
  }
}

用 lint 开发！

【讨论】：

【解决方案2】：

既然 TypeScript 有 language server plugins support 和 TSLint plugin，还有另一个选项可用：

安装Visual Studio 2017 Update 2
安装TypeScript 2.3 for Visual Studio（这不仅适用于VS 2015，也适用于VS 2017 Update 2）
将tslint.json 放入C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.3 或其任何父目录并运行npm install typescript tslint tslint-language-service（Visual Studio 不会在项目文件夹中搜索tslint.json 或插件）
在您的tsconfig.json 中添加"plugins": [{ "name": "tslint-language-service" }] 到compilerOptions

现在 Visual Studio 中的 TSLint 应该可以工作了：

【讨论】：

有没有人设法让它与最新版本的 TypeScript 和语言服务一起工作？上面的链接现在为 TypeScript 2.4 安装了智能感知，但是我按照上面的步骤操作，没有得到任何 linting。
我按照说明进行操作，没有得到任何更改，您能否提供更多详细信息？（例如您的 tsconfig.json ）。非常感谢
在下面查看我的答案以及适用于 TypeScript 3+ 的更新版本
此答案不再适用于 TS 3+，我建议使用@Dan 答案。

【解决方案3】：

Web Analyzer 作为 Visual Studio 2017 的一部分安装在那里。坏消息：没有 tslint。

我怀疑（希望）它可以使用 taskrunner 和 gulp 完成，并将输出传送回 Visual Studio 2017 错误窗口（使用 tslint 的“msbuild”输出），但是当我尝试这个时，我不能不能让它工作，我也没有时间弄清楚为什么。可能是vs2017不支持这个输出选项。

我的解决方案是回滚到 vs2015 社区。（我还找回了我一直依赖的代码镜头功能。）我希望这些东西最终会回到 vs 上，这样我就可以继续使用一些新功能。

更新： Rich Newman 为 vs2017 https://marketplace.visualstudio.com/items?itemName=RichNewman.TypeScriptAnalyzer 编写了一个名为 TypeScript Analyzer 的替代品

【讨论】：

【解决方案4】：

感谢 Rich N，现在 Visual Studio 2017 有 TypeScript Analyzer。请参阅他对同一主题的 SO 问题的回答 here。

【讨论】：