首页 > 解决方案 > 如何在 JavaScript 文件中允许空格?

问题描述

我试图覆盖 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 文档中找不到空格字符的规则。

标签: javascripteslintprettiereslintrcjsprettier

解决方案


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

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


推荐阅读