括号问题在 eslint 中使用 prettier

Question

我在 vs code 中使用 prettier 和 eslint 如下设置。

//.eslintrc
{
  "parser": "babel-eslint",
  "root": true,
  "extends": [
    "airbnb",
    "plugin:vue/essential",
    "plugin:prettier/recommended",
    "eslint:recommended"
  ],
  "rules": {
    "no-console": 0
  }
}

//.prettierc
{
  "printWidth": 100,
  "singleQuote": true,
  "jsxBracketSameLine": true
}

但一些 eslint 建议使用 prettier 的冲突自动格式化。

更漂亮地编写这样的代码。

import { mapGetters, mapActions } from 'vuex'

（自动保存）

import {
  mapGetters,
  mapActions
} from 'vuex'

但现在 eslint 画红线。

// example
Replace `␍⏎··mapActions,␍⏎··mapGetters␍⏎` with `·mapActions,·mapGetters·`eslint(prettier/prettier)

我不想在任何地方使用 eslint 红线...

所以我找到了一些文档，但找不到更漂亮的设置..

如何禁用这条红线？

Answer 1

由于 prettier 非常固执己见，有时可能会导致 es-lint 出现问题。您可能想使用像 prettier-eslint

这样的库

这将使用 prettier 格式化您的代码，然后尝试使用 eslint 修复它。您可以按照 prettier 文档中的描述禁用冲突规则。

https://prettier.io/docs/en/eslint.html

他们提到添加

{ "extends": ["prettier"] }

您的 .eslintrc.json 与其他配置一起可能会有所帮助。

括号问题在 eslint 中使用 prettier

bracket issue use prettier with eslint

eslint

prettier