Как стать красивее, чтобы добавить фигурные скобки при mssing на if/else

Я гуглил некоторое время и не нашел, как это сделать. У меня есть eslint и более симпатичные настройки в моем проекте.

// What I have:
if (a == b) doSomething();

// What I want from either eslint or prettier
if (a == b) {
  doSomething();
}

Кто-нибудь может показать мне, как это сделать? Или покажи мне их конфиг, который это делает?

1 ответ

Решение

tl;dr: создайте.eslintrc.json для вашего проекта и правило для фигурных.

{
    "rules": {
    "curly": "error",
    }
}

Красивее только печатает код. Это не трансформирует его. Это должно ограничить рамки Преттиер. Давайте сосредоточимся на печати и сделаем это действительно хорошо!

Вот несколько примеров того, что выходит за рамки Prettier:

  • Добавление / удаление {} и возврат туда, где они не обязательны.
  • Превращение?: в if-else заявления.
  • Сортировка / перемещение импорта, ключей объектов, членов класса, ключей JSX, свойств CSS или чего-либо еще. Помимо преобразования, а не просто печати (как упомянуто выше), сортировка потенциально небезопасна из-за побочных эффектов (например, для импорта) и затрудняет проверку наиболее важной цели корректности.
  • Превращение строк в одинарных или двойных кавычках в литералы шаблонов или наоборот.

поэтому, чтобы получить то, что вы хотите, вы должны использовать eslint. Эслинт имеет --fix вариант и правило для all, который бы обеспечил именно то, что вы хотите.

Если для VScode.

конфигурация эслинт.

Надеюсь это поможет.

Другие вопросы по тегам