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

Question

我已经为我的WebStorm项目指定了eslint配置.但它似乎不适用于代码重新格式化功能.例如,它继续格式化import { something } from 'somewhere'为import {something} from 'somewhere'.

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

Answer 1

(描述的步骤和截图来自IntelliJ IDEA 2017.2)

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

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

接下来转到首选项 | 键盘映射并在那里搜索'eslint'.现在您可以添加例如快捷键"control + shift + L".

Answer 2

我刚刚安装了WebStorm 2017,我不知道这是否适用于WS 2016.而不是按Option + Command + L,重新格式化代码,当光标接近ESLint错误时,可以按Option + Enter.这将打开上下文菜单,然后选择"ESLint:修复当前文件"

Answer 3

2021 年为我解决了：

WebStorm 使用Prettier包，有一个选项：

Preferences | Languages & Frameworks | JavaScript | Prettier->On 'Reformat Code' action

现在，WebStorm 使用eslint规则来重新格式化热键上的代码Reformat Code。

Answer 4

如果您正在使用WebStorm较新版本的我一样，你可以通过在右键单击导入ESLint规则到WebStorm .eslintrc.js（或其他ESLint配置文件），然后点击“应用ESLint代码样式规则”选项，如图所示这里。

请注意，在撰写本文时，您还需要<script>在“设置”或“首选项”菜单中排除标签的缩进。一个很棒的人写了一个一篇关于如何做到这一点简短文章。

Answer 5

更新:答案已过时.最佳解决方案在/sf/answers/3226958591/中描述

遗憾的是,您无法导入eslint代码样式配置(WEB-19350),但您可以手动配置代码样式.

请参阅设置:"文件|设置|编辑器|代码样式| JavaScript"
对于导入大括号: "空格" - >"ES6导入/导出大括号"