如何在 JavaScript 文件中允许空格？

Question

我试图覆盖 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 插件。我在 Prettier documentation.

中找不到空白字符的规则

Answer 1

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

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

Answer 2

我可能有您要找的东西。我经常使用 ESLint 和 Prettier。如果您已经拥有两者，则可以 uninstall/disable Prettier，而是安装此扩展程序：

更漂亮的 ESLint 通过丽贝卡背心

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

默认情况下，原始的 Prettier 使用选项“Bracket Spacing”来执行此操作。但我建议您使用我建议的第一个，因为它更容易根据您自己的规则进行自定义。

干杯

如何在 JavaScript 文件中允许空格？

How can I allow whitespace in JavaScript files?

javascript

eslint

prettier

eslintrc

jsprettier