52

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

他们有什么办法可以启用它吗？

4

4 回答 4

86

如何让 ESLint 在 Visual Studio 2019 和 2017 中工作：

2019 v16 & 2017 >= v15.8

我在最后包含了以前版本的说明，但如果你想要这个功能，请帮自己一个忙并升级。

从菜单中：工具 > 选项 > 文本编辑器 > Javascript/Typescript > Linting

查看Enable Eslint 在此处输入图像描述

global-in-visual-studio.eslintrc文件与其他 Visual Studio 配置一起位于您的根用户目录 (Windows 10) 中。npm install eslint -g你仍然可以在你的机器上安装 eslint 。VS不会使用它。它带有 react 插件，但您可以安装其他插件，它们将起作用。您可以在项目中正常扩展配置（eslint ref）

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

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

2017 v.15.7

从菜单中：工具 --> 选项 --> 文本编辑器 --> Javascript/Typescript 将启用 Eslint 设置为True（如果还没有）

然后从主菜单：工具 --> Web 代码分析 --> 编辑 ESLint 设置

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

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

于 2017-06-09T13:16:04.273 回答
13

我不知道这是否是 15.8.2 更新的一部分（刚刚在 2018 年 8 月 23 日添加），但 Options 的布局略有变化：

在此处输入图像描述

与 Web 代码分析下的菜单选项一样：

在此处输入图像描述

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

于 2018-08-29T18:56:58.280 回答
4

Visual Studio 的 eslint 版本不是最新版本，这就是为什么您无法让 eslint 像在 VSCode 中那样工作。

有一个名为 VisualLinter 的扩展，它可以让你使用更新版本的 eslint。

于 2018-04-22T08:37:26.043 回答
4

截至 14/8/2018 eslint 在 Visual Studio 2017 (15.8.0) 中有更好的支持

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

于 2018-08-17T08:14:09.427 回答