ESLint支持Visual Studio 2017

Question

ESlint静态intellisense似乎在Visual Studio 2017中不受支持，这使得.js文件中的编码变得非常痛苦，因为我必须运行CMD eslint命令来获取任何linting错误。在VSCode中，我可以使用ESLint扩展。那么Visual Studio 2017呢？

他们能以任何方式启用它吗？

Answer 1

如何让ESLint在Visual Studio 2017中工作

我正在使用Visual Studio 2017 v.15.8 ，这改进了ESLint支持。我已经在最后添加了以前的版本说明，但如果你想要这个功能，请自己帮忙并升级。

从菜单中：工具＆gt;选项＆gt;文本编辑器＆gt; Javascript / Typescript＆gt;掉毛

检查Enable Eslint

global-in-visual-studio .eslintrc文件位于您的root用户目录（Windows 10）以及其他Visual Studio配置文件中。您仍然可以通过计算机上的npm install eslint -g安装eslint。 VS不会使用它。它附带了react插件，但你可以安装其他插件，它们都可以工作。您可以在项目中正常扩展配置（eslint ref）

它使用Eslint v4但是acc。到MS文档，

  

如果您的项目具有ESLint的本地安装，则它将使用该版本

对于v.15.7 从菜单中：工具 - ＆gt;选项 - ＆gt;文字编辑器 - ＆gt;使用Javascript /打字稿 将启用Eslint设置为 True （如果尚未）

然后从主菜单中：工具 - ＆gt;网络代码分析 - ＆gt;编辑ESLint设置

您必须保存.eslintrc和your.js文件才能使规则生效。可能有一种方法可以在键入时启用智能感知，但我还没有找到它。我发现如果我在visual studio已经开始linting之后更新规则，我必须重新启动项目才能使新规则生效。仍然很笨，但这是快速实现编码标准的好方法，特别是当您将其与文本编辑器格式匹配并在保存插件上使用自动格式时，如this one

请记住编辑here找到的ESLint 2.0.0格式的.eslintrc文件

Answer 2

我不知道这是否是15.8.2更新的一部分（仅在8/23/18上添加），但是选项的布局略有变化：

在Web代码分析下具有菜单选项：

我突然开始从中得到最多的picayune错误（例如“ Expected'==='，而看到了'=='。”），我怀疑这是因为它已“改进”以更好地工作。

Answer 3

截至2018年8月14日，eslint在Visual Studio 2017（15.8.0）中具有更好的支持

https://docs.microsoft.com/en-us/visualstudio/releasenotes/vs2017-relnotes-v15.8#eslint-improvements

Answer 4

Visual Studio的eslint版本不是最新版本，这就是为什么你不能像在VSCode中一样使用eslint。

有一个名为VisualLinter的扩展程序，允许您使用较新版本的eslint。