Visual Studio 2015/2017 中的 TSLint?

TSLint in Visual Studio 2015/2017?

我的组织大量使用 TSLint 来检查我们的 Typescript 代码的质量,它为我们提供了有价值的服务!但是,我们使用 Visual Studio 2015 和 2017 作为我们的主要 IDE 并且唯一的方法是将 linting 结果发送到 运行 一个 gulp/grunt 任务,该任务将输出打印到任务Runner Explorer 控制台。它可以工作,但是速度很慢,而且不是最好的开发体验。

在我自己的小项目中,我使用了 VSCode,它有 a fantastic TSLint plugin 突出显示你创建的 linting 违规,并提供对某些 TSLint 规则具有的自动修复程序的访问.像这样:

是否有可能在 Visual Studio 2015/2017 中获得相同的功能? 在编写 TypeScript 代码时,即时反馈可以挽救生命。

这在 Visual Studio 开发者社区中被报告为一个问题。 https://developercommunity.visualstudio.com/content/problem/22907/please-support-tslint-as-how-its-supported-in-vs-c.html

状态为 "triaged",因此我假设(还)没有可比较的功能。您可能想对该问题进行投票,以便它得到 VS 开发团队的更多关注。

编辑: 如以下问题所述,visual studio 插件 web analyzer 在 VS 2015(但不是 VS 2017)中提供对 tslint 的支持:

正如@Hermann Gruber 所提到的,在 Visual Studio 2015 Mads Kristensen's Web Analyzer extension 中提供了对您需要的 TSLint 的支持。

对于 Visual Studio 2017 年和 2019 年,我现在已经亲自升级了 Mads 的扩展程序,并将其更名为 'TypeScript Analyzer',因为它只支持 TSLint。它位于 Visual Studio 的 'TypeScript Analyzer' 下的扩展和更新库中。

这是我在一两天内编写的代码(请注意,我已经有几年没有使用 C# 了):

https://github.com/vladeck/TSLint

这是(希望)有价值的 Visual Studio 2017 扩展的开始,可以根据已安装的编辑器标记 .ts 代码tslinttslint.json 配置。

它尚未在市场上发布(需要编写更多代码),但您可以自己下载并构建它。试试吧,如果你有时间。尝试的人越多,我获得的数据就越有价值。

看起来如果您使用的是 typescript 3.0 或更高版本,您只需要将 tslint 插件添加到您的 tsconfig 文件中。安装下面的 typescript-tslint-plugin,您可能需要重新启动 visual studio(或者干脆关闭所有文件并重新打开)

https://github.com/Microsoft/typescript-tslint-plugin

第一个

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

然后

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