Как разрешить пробелы в файлах 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, но линт исходит из более красивого плагина. Я не нахожу правила для пробельных символов в документации Prettier.

Answer 1

Вы не найдете правил для пробелов в их документации, так как их нельзя отключить. Я проверил и на их форумах. Что вы можете сделать, так это игнорировать файлы.eslint, чтобы они были красивее и красивее, не форматируя эти файлы расширения.

В качестве временного решения просто добавьте **/*.eslint в ваш файл.prettierignore .

Answer 2

У меня может быть то, что ты ищешь. Я много возился с ESLint и Prettier. Если у вас уже есть оба, вы можете удалить / отключить Prettier и вместо этого установить это расширение:

Prettier ESLint от Ребекки Вест

Как следует из названия, вы можете интегрировать его с расширением ESLint. AFAIK он работал нормально, я использую его для проекта React Native. Он обновился 3 дня назад, так что это довольно активный проект.

По умолчанию оригинальный Prettier делает это с опцией «Расстояние между скобками». Но я бы посоветовал вам использовать первый, который я предложил, потому что его легче настроить с помощью ваших собственных правил.

Ваше здоровье