Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将ESLint配置为与PhpStorm一起使用以自动修复ESLint错误_Javascript_Phpstorm_Webstorm_Eslint - Fatal编程技术网

Javascript 如何将ESLint配置为与PhpStorm一起使用以自动修复ESLint错误

Javascript 如何将ESLint配置为与PhpStorm一起使用以自动修复ESLint错误,javascript,phpstorm,webstorm,eslint,Javascript,Phpstorm,Webstorm,Eslint,我在ESLint配置文件中定义了一些规则。此文件附于 Preferences ->Languages and Frameworks ->JavaScript ->Code Quality Tools ->ESLint 我看到它工作得很好,因为在代码编辑器中,当出现与它们不匹配的错误时,每个规则都会显示出来。当我使用“代码检查器”时 Inspector找到所有错误并在底部的小窗口中显示它们。也有可能对每个错误应用自动修复,但当

我在ESLint配置文件中定义了一些规则。此文件附于

Preferences
  ->Languages and Frameworks
     ->JavaScript
       ->Code Quality Tools
         ->ESLint
我看到它工作得很好,因为在代码编辑器中,当出现与它们不匹配的错误时,每个规则都会显示出来。当我使用“代码检查器”时

Inspector找到所有错误并在底部的小窗口中显示它们。也有可能对每个错误应用自动修复,但当我尝试这样做时,我被重定向到PhpStorm preferences部分的ESLint config页面。看起来是这样的:

应该有一个链接,当我点击它时,它会自动修复,但是有一个链接只是打开了ESLint配置弹出窗口:


我怎样才能让它正常工作?我一直试图在PhpStorm文档中查找它,但没有成功。

我在任何IDE(PhpStorm/Atom/Sublime/WebStorm)中都没有找到这样做的方法。但是,您可以通过运行
eslint--fix
通过命令行修复一些问题

您需要对ESLint有基本的了解,才能遵循以下步骤:

1)安装ESlint:

全球:

(Airbnb的风格指南被广泛使用-)

或本地(首选):

如果您有本地
节点\u modules
目录,则最好在本地安装。从项目目录运行此命令:

npm i --save-dev eslint eslint-config-airbnb
(然后可以从
/node\u modules/.bin/eslint
运行
eslint

2)使用以下行在项目目录中创建一个
.eslintrc
文件

{ "extends": "airbnb" }  // We installed airbnb's style guide in step 1.
3)备份/提交源代码文件

备份要删除的文件;以下命令可能会更改几行

4)运行
eslint--fix
,如下所示:

eslint --fix path/to/file.js

eslint --fix path/to/files/*.jsx
这将修复你的文件中10秒的错误

5)如果
eslint--fix
在出现错误时停止,请手动修复,然后再次运行

我注意到,
eslint--fix
并不能一次性修复所有错误。i、 它有时会运行到文件中的某个特定点,然后在无法自动处理的错误处停止

如果删除了
eslint
一直处于打开状态的最重要问题,则再次运行该命令将修复文件中的更多错误。冲洗,重复

--


eslint在2015年增加了一些新功能。希望将来“--fix”选项变得更好:

您可以添加运行ESLINT的快捷方式。我已经为phpstrom做了相同的设置。在我这边工作得很好

参考:

此外,对于autosave修复,您可以参考以下内容


您是否检查了您放在其中的路径是否有效?例如,如果路径不好,NetBeans中也会弹出。如果是,您可能应该提交一份bug报告。intelliJ的员工往往有很好的支持imho。ESLint是第三方工具;IDE只是有很好的集成,允许在IDE窗口中以与内置(IDE的本机)检查工作类似的方式显示该工具报告的所有问题。第三方工具报告的问题没有映射到内置检查——它们是完全独立的。我不是100%确定,但是考虑到ESLint可以处理整个文件,没有办法只修复一个错误实例…什么过程可以为您进行自动修复?ESLint无法自动修复错误,至少不能自动修复jet。它在v的愿望清单上。如你所见。无论如何,您可能想看看gulp插件。是关于fixmyjs的更多信息。@DavidDomain在更改了ESLint配置中的一些规则后,我有很多事情要解决,我想自动化这个过程,仅此而已:)LazyOne实际上ESLint是由PhpStorm本机支持的,与JSHint或JSLint等其他工具一样。这些其他工具与inspector配合得很好,inspector允许他进行自动修复,这也在PhpStorm文档中显示。m02ph3u5路径是有效的,因为IDE在我编辑文件时使用这些规则,当我尝试在inspect模式下使用它时,它就不起作用了。这不是你问题的答案,但atom的插件(linter eslint)能够在你保存文件时自动修复。atom的
linter eslint
现在可以自动修复保存。
{ "extends": "airbnb" }  // We installed airbnb's style guide in step 1.
eslint --fix path/to/file.js

eslint --fix path/to/files/*.jsx