Как стать красивее, чтобы добавить фигурные скобки при 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
, который бы обеспечил именно то, что вы хотите.
Надеюсь это поможет.