ESLint 支持 Visual studio 2017

ESLint support Visual studio 2017

ESlint static intellisense 在 Visual Studio 2017 中似乎不受支持,这使得 .js 文件中的编码变得非常痛苦,因为我必须 运行 CMD eslint 命令来获取任何 linting 错误.在 VSCode 中,我只能使用 ESLint 扩展。 Visual studio 2017 年呢?

他们有什么方法可以启用它吗?

如何让 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 但符合。到 MS 文档,

if your project has a local installation of ESLint, it will use that version instead


2017 v.15.7

从菜单中:工具 --> 选项 --> 文本编辑器 --> Javascript/Typescript 将 Enable Eslint 设置为 True(如果尚未启用)

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

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

记得编辑 .eslintrc 文件,找到 here

的 ESLint 2.0.0 格式

Visual Studio 的 eslint 版本不是最新版本,这就是为什么你无法让 eslint 像 VSCode 中那样工作的原因。

有一个名为 VisualLinter 的扩展,可让您使用更新版本的 eslint。

截至 14/8/2018 eslint 在 Visual Studio 2017 (15.8.0)

中得到更好的支持

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

我不知道这是否是 15.8.2 更新的一部分(刚刚在 2018 年 8 月 23 日添加),但选项的布局略有变化:

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

我突然开始从它那里得到最多的 picayune 错误(比如 "Expected '===' and instead saw '=='."),我怀疑这是因为它 "improved" 工作得更好。