Visual Studio 2017 Javascript linter突出显示错误

Question

我使用VS17编辑客户端Javascript文件。

内置的intellisense和linter很棒，但是当linter发现错误时，我在错误下只得到一条绿色涂鸦线（使用黑暗主题）。

这太容易错过了。我最终回到浏览器等只是为了经常发现语法错误。

如何获得更多关于linter错误的视觉提示。我想要左侧的东西，从头到尾标记整行的东西（如在崇高的linter中），或者其它使得超级可见的东西出错的东西。

Answer 1

要将错误列表可视化到VS窗口的左侧，请按以下步骤更加突出显示：

1. 转到VS的左下方并拖动错误列表。并将其放在中心窗格图标中

   

2. 在此之后，您可以轻松查看左窗格中的所有错误和警告。

   

编辑：

将错误列表移动到您窗口的左侧，然后新的预测会显示为：并将其放到中心。

不要放到编辑器的中间位置！



编辑2：要在编辑器中突出显示错误代码行，您需要启用两个加载项：

• 启用Productivity Power Tools将突出显示错误代码文件（标签）。

• 启用ReSharper会突出显示代码文件中的错误行。

编辑3：

安装 Productivity Power Tools 后，进入VS解决方案资源管理器并从下拉列表中选择错误：



并按照this参考。

Answer 2

您是否尝试更改＆＃34;编译器错误/其他错误/语法错误/警告＆＃34;颜色？

Answer 3

除了看到实际错误消息的明显要求之外，Visual Studio（当然从2013年开始）具有一个出色的功能，可以在右侧滚动条的代码中突出显示标记;我一直使用它作为一种快速导航方法 - 它被称为“增强型滚动条”（一种简单有效的命名约定！）。

This link显示最新版本，但是，作为一个卑微的公共部门开发人员，我使用VS2013，看起来像这样......

这有点难以看到，但请注意我正在处理的部分的底部是代码中的一个简单错误，我在属性名称中添加了一个空格（d'oh！）。右侧的条形图看起来像代码的缩小版，在您编写的内容旁边显示不同的彩色块。请注意，有黄色和绿色块，显示代码更改，洋红色块，显示可疑的拼写，并且，只是在微缩视图的宽度上可以看到白色条的位置，有一个红色框，表示您的错误码。 This arcticle goes a little more into it

要在2017年激活此功能，请使用the link above。 2013年，请进入工具＆gt; 选项即可。在对话框顶部的搜索框中键入“滚动条”，并确保根据需要选中或取消选中下面屏幕截图中突出显示的区域。

很棒的功能 - 我推荐它！