括号问题与eslint一起使用更漂亮

Question

我在vs代码中使用带有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
}

但是有些人建议从更漂亮的角度进行自动格式化。

更漂亮的代码如下。

import { mapGetters, mapActions } from 'vuex'

（自动保存）

import {
  mapGetters,
  mapActions
} from 'vuex'

但是现在留下红色线条。

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

我不要在任何地方留下红线...

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

如何禁用该红线？

Answer 1

由于更漂亮，所以有时可能会给es-lint带来麻烦。您可能想使用prettier-eslint

之类的库

这将使您的代码更漂亮，然后尝试使用eslint对其进行修复。 您可能可以按照更漂亮的文档中所述禁用冲突规则。

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

他们提到添加

  

{“扩展”：[“更漂亮”]}

.eslintrc.json可能会与其他配置一起使用。