Центр помощи
Часто задаваемые вопросы
Всё, что нужно знать о Prettier и этом генераторе конфигурации.
Бесплатный интерактивный веб-инструмент для визуальной настройки каждой опции Prettier и мгновенного копирования файла .prettierrc.
Prettier — форматтер кода, обеспечивающий единый стиль во всём проекте и устраняющий споры о стиле на код-ревью.
Файл конфигурации в корне проекта, указывающий Prettier как форматировать код.
Выберите опции Prettier на главной странице. Конфигурация обновляется в реальном времени. Нажмите "Копировать конфигурацию" и вставьте JSON в файл .prettierrc.
Да, полностью бесплатен. Без регистрации, без аккаунта, без ограничений.
Да. Включены все официально поддерживаемые опции с описаниями и значениями по умолчанию.
На десктопе нажмите "Копировать конфигурацию" в боковой панели, на мобильном — плавающую кнопку.
Все три — допустимые способы. .prettierrc поддерживает JSON/YAML, prettier.config.js — JavaScript-модуль, ключ prettier в package.json — всё в одном файле.
Да. Встроенная поддержка TypeScript, JSX/TSX, Vue-компонентов и многого другого.
Установите расширение "Prettier - Code formatter" и добавьте formatOnSave: true в настройки VS Code.
Выполните npx prettier --write . в корне проекта.
JavaScript, TypeScript, JSX, CSS, HTML, Vue, JSON, YAML, Markdown и другие.
Создайте файл .prettierignore в корне проекта.
Да. Установите eslint-config-prettier.
Задаёт целевую длину строки. По умолчанию 80.
singleQuote управляет кавычками в JS/TS, jsxSingleQuote — атрибутами JSX.
Используйте строку поиска вверху страницы.
Да. Нажмите кнопку переключения темы в шапке.
printWidth: 80, tabWidth: 2, semi: true, singleQuote: false, trailingComma: "all".
Откройте issue или pull request в репозитории GitHub.
Вы можете выбрать любой релиз Prettier 3.x из выпадающего списка версий — от 3.0 до 3.6 плюс "latest". Бандл выбранной версии загружается по требованию из jsDelivr, поэтому список опций всегда соответствует реальной схеме этого релиза.
TypeScript, JavaScript, Flow, CSS, SCSS, Less, HTML, Vue, шаблоны Angular, JSON, JSON5, JSON с комментариями, Markdown, MDX, YAML и GraphQL. Парсер определяется автоматически по вводу, но вы можете переопределить его в выпадающем списке.
Нажмите кнопку шаринга, и текущая версия Prettier, выбранные опции, код и переопределение парсера сжимаются LZ в хеш URL и копируются в буфер обмена. Открытие этой ссылки восстанавливает точно такую же конфигурацию. Ничего не отправляется на сервер — всё остаётся в браузере.
Он показывает, сколько токенов ИИ обойдутся ваш ввод и вывод в выбранной модели. GPT-4o / GPT-4 / GPT-3.5 используют официальные BPE-токенизаторы для точного подсчёта; Claude, Gemini, Llama и Mistral используют посимвольное приближение с префиксом "~".
Да. Ваша версия Prettier, выбор опций и настройки разделённого вида / токенизатора сохраняются в localStorage, поэтому перезагрузка всё восстанавливает. Хеш ссылки для шаринга имеет приоритет, если он присутствует при открытии страницы.
Когда парсер Prettier не может разобрать ваш ввод — обычно потому, что выбранный парсер не соответствует коду (например, выбран CSS, а вы вставили JSX) — сообщение об ошибке появляется красной полосой над diff. Смените парсер на соответствующий коду — и ошибка исчезнет.
Да. Во вкладке Preview есть собственный parser dropdown рядом с переключателем diff, и к каждому parser прилагается специально подготовленный пример — CSS, SCSS, Less, HTML, Vue, Angular, JSON / JSON5 / JSONC, Markdown, MDX, YAML, GraphQL, а также TypeScript / JS. Переключение parser переформатирует соответствующий пример с текущими опциями, поэтому языкозависимые опции вроде proseWrap, htmlWhitespaceSensitivity и vueIndentScriptAndStyle получают возможность продемонстрировать свой эффект. Ваш выбор сохраняется между перезагрузками.