如何根据eslint制作WebStorm格式代码？

我已经为我的WebStorm项目指定了eslint配置。但它似乎不适用于代码重新格式化功能。例如，它继续将

import{something}from'somethine'

格式化为

import{something}from'somethine'

---

有没有办法让WebStorm根据eslint配置格式化代码？

更新：答案已经过时。最佳解决方案如中所述

很遗憾，您无法导入eslint代码样式配置（），但可以手动配置代码样式

请参阅设置：“文件|设置|编辑器|代码样式| JavaScript”
对于导入大括号：

---

“空间”->“ES6导入/导出支架”

我刚刚安装了WebStorm 2017，我不知道这是否适用于WS 2016。当光标接近ESLint错误时，可以按Option+Command+L来重新格式化代码，而不是按Option+Command+L。这将打开上下文菜单，然后选择“ESLint:Fix current file”

---

目前我使用的一个临时修复方法是将我的ESLint配置导出到JSC。它与WebStorm和PHPStorm配合得非常好

我使用了这个名为的软件包，来自我的eslint配置。

（描述的步骤和屏幕截图来自IntelliJ IDEA 2017.2）

您可以将键盘快捷键添加到操作“修复ESLint问题”确保已安装并启用插件“JavaScript支持”

首先是首选项|语言与框架| JavaScript |代码质量工具| ESLint并启用它。您需要定义“节点解释器”、“ESlint包”和可选的“配置文件”

接下来转到Preferences | Keymap并在那里搜索“eslint”。现在，您可以添加快捷方式“control+shift+L”

---

最好的方法是使用宏自动执行。

1.转到编辑|宏|开始宏录制
2.转到文件|全部保存
3.按Strg+Shift+A
4.搜索eslint并运行它
5.转到编辑|宏|停止宏录制
6.转到编辑|宏|编辑宏并删除除以下两个操作之外的所有内容：
7.转到文件|设置|键映射|宏并在宏上添加Strg+S

---

这非常有效，并且使工作更加容易：）

如果您使用的是像我这样的更新版本的WebStorm，您可以通过右键单击

.eslintrc.js

（或其他ESLint配置文件）将ESLint规则导入WebStorm，然后单击“应用ESLint代码样式规则”选项，如图所示

---

请注意，在写作时，您还需要排除“设置”或“首选项”菜单中

标记的缩进。一个很棒的家伙写了一篇关于如何做到这一点的文章。

对于那些仍然处于困境的人，我完成了上面答案的所有步骤，但根本不起作用

对我来说，问题在于我在终端（12.x）中使用的节点版本与项目的

包.json

中的

.nvmrc

和

“引擎”

在上面指出的两个变化之后，我的eslint重新开始工作

p、 s：我假设您已经安装了所有依赖项，并且在项目的根目录中安装了

.eslintrc.*

---

太好了！非常感谢。这应该是最好的答案。这也适用于Webstorm。谢谢。我认为这是推荐的答案，因为当我们在团队项目中工作时，我只想修复当前文件，而不想运行eslint命令并修复由于VCS问题而导致的整个项目。IntelliJ没有意识到eslint已配置并选择将其用作默认格式化程序，这真是太愚蠢了。正如VS代码所做的。现在WebStorm确实支持ESLint“开箱即用”，并且它的工作方式与预期一样，可以帮助您设计代码的样式，请看这只是为您运行ESLint--fix。如果有一个快捷键绑定就好了。