2

我试图覆盖 Prettier 插件规则但没有成功。我想在 JavaScript 文件中允许空格，如下所示：

import React, { Component }  from 'react';
import { View }              from 'react-native';
import { Provider, connect } from 'react-redux';

我需要处理的 .eslint 文件：

{
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": [
      "error",
      {
        "singleQuote": true,
        "trailingComma": "all",
        "bracketSpacing": true,
        "tabWidth": 2,
        "printWidth": 130
      }
    ]
  },
  "env": {
    "browser": true,
    "es6": true
  },
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "extends": ["prettier"]
}

我已经尝试过 eslint 键间距规则，但 lint 来自更漂亮的插件。我在Prettier 文档中找不到空格字符的规则。

4

2 回答 2

2

您不会在他们的文档中找到空格规则，因为没有禁用它们的选项。我也查了他们的论坛。您可以做的是忽略更漂亮的 .eslint 文件，并且更漂亮不会格式化这些扩展文件。

作为临时解决方案，只需添加**/*.eslint到您的 .prettierignore 文件中。

于 2020-01-02T16:42:39.153 回答
0

我可能有你要找的东西。我用 ESLint 和 Prettier 搞砸了很多。如果你已经拥有这两者，你可以卸载/禁用 Prettier，而是安装这个扩展：

Rebecca Vest 的 Prettier ESLint

顾名思义，您可以将它与 ESLint 扩展集成。AFAIK 它运行良好，我将它用于 React Native 项目。它已在 3 天前更新，因此它是一个非常活跃的项目。

默认情况下，原始 Prettier 使用“括号间距”选项执行此操作。但是我建议您使用我建议的第一个，因为使用您自己的规则更容易自定义。

干杯

于 2021-06-30T04:50:16.083 回答