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