Softonic

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

Шаг 1 / 2
Далее

Выберите значения десяти распространённых параметров Prettier и скопируйте готовую конфигурацию. Генератор выдаёт JSON, YAML или JavaScript CommonJS. Он не сканирует проект, не проверяет конфигурацию через Prettier и не добавляет плагины или overrides.

Как создать конфигурацию

  1. 1

    Настройте оформление

    Выберите ширину строки и табуляции, табы или пробелы, точки с запятой и стиль кавычек.

  2. 2

    Настройте синтаксис

    Выберите конечные запятые, пробелы в скобках, скобки стрелочных функций, окончания строк и кавычки JSX.

  3. 3

    Выберите формат

    Создайте .prettierrc.json, .prettierrc.yaml или CommonJS .prettierrc.js с module.exports.

  4. 4

    Скопируйте и проверьте

    Сохраните результат в проекте и выполните npx prettier --check . установленной версией Prettier.

Доступные параметры

Параметр Доступные значения
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true или false
singleQuote true или false
trailingComma none, es5 или all
arrowParens always или avoid
endOfLine lf, crlf, cr или auto

Числа ограничиваются указанными диапазонами. Остальные элементы предлагают только перечисленные значения. Это полезные повседневные настройки, но не все параметры Prettier.

Форматы результата

  • JSON создаёт объект для .prettierrc.json.
  • YAML создаёт строки ключ-значение для .prettierrc.yaml.
  • JavaScript оборачивает тот же объект в module.exports = { ... }; для CommonJS .prettierrc.js.

Prettier поддерживает и другие имена файлов и форматы модулей. Инструмент создаёт только три показанных варианта и не запускает Prettier. Проверьте файл версией, установленной в проекте.

Обработка данных

Элементы управления являются серверными полями, поэтому при обновлении их значения отправляются на сервер. В двухэтапном режиме они могут также находиться в URL. Конфигурация Prettier обычно не содержит секретов, но не вводите конфиденциальные данные и не делитесь содержащим их адресом.

Часто задаваемые вопросы

Нет. Генератор создаёт десять параметров из формы. Остальные добавляйте вручную после проверки документации вашей версии.

Нет. Инструмент лишь создаёт текст конфигурации. Сохраните файл и выполните npx prettier --check . в проекте.

Нет. Результат: один плоский объект; такие настройки нужно добавить вручную.

Это создаваемый инструментом формат CommonJS. Для модуля ES измените экспорт и имя файла.

Сопутствующие инструменты

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Справочник символов HTML

Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.

Справочник сочетаний клавиш

Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.

Конвертер размера файлов

Преобразуйте значения между байтами, КБ, МБ, ГБ, ТБ и двоичными единицами IEC (KiB, MiB, GiB, TiB), свободно сочетая десятичные и двоичные единицы.

Конвертер CMYK в RGB

Преобразуйте проценты CMYK в приблизительные значения RGB и Hex для быстрого экранного предпросмотра по стандартной формуле.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Инструмент доступен на других языках