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

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

Создать правильную конфигурацию Prettier без поиска в документации. Выбрать каждую настройку из списка, добавить переключение по языку для Markdown, HTML, YAML и JSON, и экспортировать результат как .prettierrc.json, .prettierrc.yaml, ES-модуль, CommonJS-модуль или готовый фрагмент "prettier" ключ для package.json. Генерируется соответствующий шаблон рядом с ним, чтобы ваш репозиторий был готов к форматированию на первом коммите. .prettierignore — JSON для самого простого совместимого файла, YAML для удобного редактирования, JS-модуль при необходимости условной логики, или ключ в package.json, если вы хотите иметь один файл в репозитории.

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

1. Выберите формат экспорта основные настройки
2. Установите : ширина строки, ширина отступа, точки с запятой, стиль кавычек, хвостовые запятые, пробелы в скобках, скобки вокруг стрелочной функции и стиль конца строки.Настроить
3. блок, если ваш код использует React, и JSX блок для переноса текста и обработки пробелов в HTML. Включить любые переключения по языку
4. для применения разных правил для конкретных типов файлов — например, более широкий для JSON или один атрибут на строку для HTML. на сгенерированной конфигурации. Поместите её в корень проекта и запустите printWidth Каждая официальная настройка Prettier
5. Нажмите Копировать или Скачать — printWidth, tabWidth, useTabs, semi, singleQuote, quoteProps, jsxSingleQuote, trailingComma, bracketSpacing, bracketSameLine, arrowParens, endOfLine, proseWrap, htmlWhitespaceSensitivity, singleAttributePerLine. npx prettier --write ..

Возможности

• Пять форматов вывода — JSON, YAML, ESM (.mjs), CommonJS (.cjs) и фрагмент package.json.
• Блоки переключения по языку для Markdown, HTML, YAML и JSON с разумными значениями, которые можно скопировать без изменений или настроить.
• Автоматически сгенерированный шаблон, охватывающий выходные данные сборки, зависимости, файлы блокировки, минифицированные ассеты и общие папки кэша фреймворков.
• JSDoc .prettierignore аннотация
• на выходах JS-модулей, чтобы редакторы активировали автозаполнение и проверку типов. @type — каждое изменение мгновенно обновляет выход, поэтому вы можете сравнивать варианты настроек за несколько секунд. Почему Prettier специально имеет так мало настроек?
• Живой предварительный просмотр Цель Prettier — закончить споры по стилю, будучи убеждённым. Каждая настройка была добавлена с осторожностью, потому что невозможно было достичь консенсуса по «правильному» значению по умолчанию. Команда явно противится добавлению новых настроек, чтобы сохранить портабельность конфигураций и предсказуемость проверок между проектами. Именно поэтому что-то вроде «пробелы вокруг ключевых слов» не может быть настроено — Prettier рассматривает выбор форматирования как коммерческие решения, а не как личное выражение.