ESLint 规则在 WebStorm 中的更漂亮的集成

Question

我在ESLint中创建了规则，如何根据ESLint中指定的规则使漂亮的代码格式。

.eslintrc.js

  module.exports = {
   rules: {
      quotes: ["error", "single"]
   }
  };

保存前：

保存后，漂亮会自动格式化代码：

我想使用漂亮和ESLint。不使用。prettierrc.js-

在VSCode用户设置中，设置"prettier.eslintIntegration"： true

WebStorm呢？




Answer 1

匿名用户

我将使用create-nuxt-app实用程序创建一个项目，其中ESLint和漂亮已经为本示例正确配置。

以下是配置文件的外观，仅供参考。打开扰流板，查看是否需要。

.prettierrc

.eslintrc.js

. editorconfig

.package.json

接下来，请按照以下步骤设置 IDE：

>

重新导入一个项目。

为此，您应该移除< code >。idea目录。然后再次导入项目。请注意，您将丢失所有与项目相关的设置。但是这一步是必要的，因为IDE会在导入过程中配置代码样式和编辑器设置。您可以通过打开事件日志来检查这一点。

打开＜代码＞。prettierrc，并在对话框“是否为该项目使用基于Prettier的代码样式？”选择“否”。

打开设置|语言

然后打开设置|语言

现在，当您按Ctrl Alt Shift P时，文件将根据Prettier设置进行格式化。

但此选项并不适合我们，因为并非所有为 ESLint 指定的规则都适用。我们需要运行eslint --fix，这将根据Prettier设置格式化文件。

因此，让我们指定快捷方式＜kbd＞Ctrl＜/kbd＞＜kbd＞Alt＜/kbd＞＜kbd＞Shift＜/kbd＜＜P＜/kbd＞来运行＜code＞eslint--fix＜/code＞。

删除设置中带有漂亮快捷方式的格式|Keymap。

然后重新分配快捷方式以修复 ESLint 问题。

现在，当您运行< kbd > Ctrl < kbd > Alt < kbd > Shift < kbd > P 时，您的文件将被正确格式化。