Генератор конфига Prettier

Как пользоваться

1. Задайте ширину строки и отступы.
2. Выберите кавычки, точки с запятой и висячие запятые — сильнее всего они меняют вид кода.
3. При необходимости настройте остальное, например концы строк Windows или перенос в Markdown.
4. Скопируйте результат в .prettierrc в корне проекта и выполните npx prettier . --write.

Как это работает

Каждый элемент формы — одна опция Prettier, её имя указано в скобках. Результат — JSON. Если отмечено «только отличные от умолчаний», значения, равные умолчаниям Prettier 3, не записываются, и будущие изменения умолчаний коснутся только того, что вы не выбирали сознательно.

Пример

Форма открывается с шириной строки 100 и одинарными кавычками, остальное — по умолчанию. Результат:

{
  "printWidth": 100,
  "singleQuote": true
}

Снимите отметку с последнего пункта — и в файле будут все 13 опций со значениями.

Советы

• Добавьте .prettierrc в репозиторий, а для сгенерированных файлов заведите .prettierignore.
• Включите в редакторе форматирование при сохранении — файлы будут форматироваться по ходу работы.
• С ESLint подключите eslint-config-prettier, чтобы ESLint не ругался на то, чем занимается Prettier.