Visual Studio 2015/2017 中的 TSLint？

Posted 2023-03-13

【中文标题】Visual Studio 2015/2017 中的 TSLint？

【英文标题】：TSLint in Visual Studio 2015/2017?

【发布时间】：2017-09-05 12:00:40

【问题描述】：

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

在我自己的较小项目中，我使用了 VSCode，它有 a fantastic TSLint plugin，它会在您制作 linting 违规时突出显示它们，并提供对某些 TSLint 规则所具有的自动修复程序的访问。像这样：

是否有可能在 Visual Studio 2015/2017 中获得相同的功能？ 即时反馈是编写 TypeScript 代码时的救星。

【参考方案1】：

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

状态为“已分类”，因此我假设（尚）不提供可比较的功能。您可能希望对该问题进行投票，以便获得 VS 开发团队的更多关注。

编辑：如以下问题所述，Visual Studio 插件 web analyzer 在 VS 2015（但不包括 VS 2017）中提供对 tslint 的支持：

Set up TSLint for VS2017

【参考方案2】：

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

对于 Visual Studio 2017 和 2019，我现在亲自升级了 Mads 的扩展，并将其重新命名为 'TypeScript Analyzer'，因为它仅支持 TSLint。它位于“TypeScript Analyzer”下的 Visual Studio 扩展和更新库中。

【讨论】：

请提供更好的说明如何运行 TypeScript Analyzer。我在 Microsoft Visual Studio Community 2019 的解决方案资源管理器中什么也没看到，而 TypeScript Analyzer 选项存在于工具/选项中

@IgorMaximov 如果您打开一个 .ts 文件、保存一个文件或在解决方案资源管理器中右键单击并选择“运行 TypeScript Analyzer”，它应该会运行。您可以通过这种方式从解决方案资源管理器中为整个解决方案运行它。但是，错误不会出现在代码窗口中，它们只会出现在错误列表（查看菜单/错误列表）中。

感谢您的及时回答，但不幸的是，我在解决方案资源管理器的弹出菜单和 VS 社区 2019 的打开 ts 文件中都没有看到“运行 TypeScript Analyzer”。到目前为止，我只是从命令行运行 ts lint：` npx tslint --format verbose --project ./tsconfig.json --fix src`

【参考方案3】：

这是我在一两天内编写的代码（请注意，我已经有几年没有使用 C# 了）：

https://github.com/vladeck/TSLint

这是一个（希望）值得的 Visual Studio 2017 扩展程序的开始，可以使用编辑器标记 .ts 代码，基于已安装的 tslint 和 tslint.json 配置。

它尚未在市场上发布（需要编写更多代码），但您可以自己下载并构建它。试试看，有时间的话。尝试的人越多，我就会拥有越多的数据来让它变得有价值。

【讨论】：

真的很好看！你应该在这个线程上提到它：github.com/madskristensen/WebAnalyzer/issues/51

我按照你的建议做了。

此方法有效，但仅在文件打开时显示错误。

【参考方案4】：

看起来如果您使用的是 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"
      
    ]