如何在VS2017中配置eslint,使错误和警告显示在“错误列表”窗口中。

14 浏览
0 Comments

如何在VS2017中配置eslint,使错误和警告显示在“错误列表”窗口中。

在Visual Studio 2017中,似乎不支持ESlint的静态智能感知功能,这使得在.js文件中编码变得非常痛苦,因为我必须运行CMD eslint命令才能获取任何linting错误。在VSCode中,我可以直接使用ESLint扩展。那么在Visual Studio 2017中是否有任何方法可以启用它呢?

0
0 Comments

问题原因:Visual Studio中的eslint版本不是最新的,因此无法像在VSCode中那样正常工作。

解决方法:安装VisualLinter扩展,使用较新版本的eslint。

以下是具体步骤:

1. 打开Visual Studio 2017。

2. 点击菜单栏上的“工具”选项。

3. 选择“扩展和更新”。

4. 在弹出的对话框中,点击左侧菜单中的“在线”选项。

5. 在右上角的搜索框中输入“VisualLinter”。

6. 点击搜索结果中的“VisualLinter”扩展。

7. 点击右侧的“下载”按钮,等待下载完成。

8. 下载完成后,点击右侧的“安装”按钮。

9. 安装完成后,重新启动Visual Studio。

10. 在打开的项目中,找到.eslintrc文件,并确保其配置正确。

11. 在Visual Studio中打开“错误列表”窗口。可以通过点击菜单栏上的“视图”选项,然后选择“错误列表”来打开。

12. 确保“错误列表”窗口中的“显示”选项卡处于选中状态。

13. 确保“错误列表”窗口中的“显示”选项卡中包含了eslint相关的错误和警告。

现在,您已经成功地配置了eslint与Visual Studio 2017,并将错误和警告显示在“错误列表”窗口中。

0
0 Comments

问题原因:在更新到15.8.2版本后,选项的布局发生了变化,导致无法将错误和警告显示在"Error List"窗口中。

解决方法:修改.eslintrc文件中的eqeqeq属性,将其设为0。

具体步骤如下:

1. 打开.eslintrc文件,一般位于用户的根目录下。

2. 找到eqeqeq属性,并将其设为0。

"eqeqeq": 0

3. 关闭并重新打开Visual Studio,使更改生效。

通过以上步骤,即可解决在VS2017中配置eslint以将错误和警告显示在"Error List"窗口中的问题。

0
0 Comments

如何在Visual Studio 2019和2017中配置ESLint:

2019 v16和2017 >= v15.8

我已经在末尾包含了以前版本的说明,但是如果您想要这个功能,请升级。

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

勾选“启用ESLint”

全局在Visual Studio .eslintrc文件位于您的根用户目录(Windows 10),与其他Visual Studio配置文件一起。您仍然可以通过在计算机上使用npm install eslint -g安装eslint。VS不会使用它。它带有react插件,但您也可以安装其他插件,它们也能正常工作。您可以按照项目中的常规方式扩展配置(eslint ref)

它使用Eslint v4,但是根据微软文档,

如果您的项目有一个本地安装的ESLint,它将使用该版本


2017 v.15.7

从菜单中选择:工具->选项->文本编辑器->Javascript/Typescript

将Enable Eslint设置为True(如果尚未设置)

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

您需要保存.eslintrc和your.js文件才能使规则生效。可能有一种方法可以在键入时启用智能提示,但我还没有找到。我发现,如果我在Visual Studio已经开始linting之后更新规则,我必须重新启动项目才能使新规则生效。尽管这仍然有些笨拙,但这是一种快速实施编码标准的好方法,特别是当您将其与文本编辑器格式匹配并使用类似于此的自动保存插件时

只需记住使用ESLint 2.0.0格式编辑.eslintrc文件,格式可以在这里找到

我仍然无法使其工作。我使用Resharper和eslint的AirBnB配置。由于VS仍然不支持许多linting规则,所以我认为我将继续使用VSCode开发JS。

有没有办法将位于项目根目录中的.eslintrc文件用于VS Professional 2017?我希望将此文件纳入源代码控制,因此不能将其放在我的用户配置文件夹中。

您可以像eslint使用多个配置文件一样操作:eslint.org/docs/user-guide/…

如果我编辑ESLint配置文件,并且要禁用“no-extra-parens”的警告,则此值最初为1(警告)-但是当我更改它时,Intellisense建议“Error”,“Off”和“Warn”(字符串)。因此,要禁用,我必须输入0吗?重新构建解决方案是否也会重新检查规则?还是我真的需要在保存.js文件之后再次保存?

是的,智能提示在这方面是反作用的,除非您使用全局安装的eslint

-谢谢,所以我将使用数字值。

仅用于文档目的:0 =关,1 =警告,2 =错误。

完成这些操作后,如何测试lint是否正在运行?我需要安装npm吗?

您应该在Visual Studio的错误列表(ctrl+\,E)中看到警告和错误。如果要运行eslint命令对文件进行简单的自动修复,您将需要npm。您所说的“运行”是否是这个意思?

15.8版本在.eslintignore文件中有一个小问题。您不应将其保存为带有bom的utf8(Visual Studio的默认设置)。在第一行放置一个#也可以使其工作得更好!注意,必须保存*.js文件,然后才能处理对.eslintignore的任何更改。

是的。

0