Перейти к основному содержанию

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

API reference

Создайте файл конфигурации Biome (biome.json) — настройки форматтера (отступ, ширина строки, запятые в конце), предустановку правил линтера (рекомендуемая, строгая или отключена), организацию импортов и переопределения для каждого языка для JavaScript/TypeScript, JSON и CSS.

Ввод

Форматтер

Пробелы на уровень отступа — применяется только когда indentStyle "space".

Линтер

Параметры вывода

Вывод

Созданная конфигурация
 
Это было полезно?

Другие способы использовать этот инструмент

REST API

curl -X POST https://api.iotools.cloud/v1/tool/biome-config-generator \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "includeSchema": "true",
    "schemaVersion": "latest",
    "formatterEnabled": "true",
    "indentStyle": "tab",
    "indentWidth": "2",
    "lineWidth": "80",
    "lineEnding": "lf",
    "linterEnabled": "true",
    "linterPreset": "recommended",
    "organizeImports": "true",
    "quoteStyle": "double",
    "jsxQuoteStyle": "double",
    "quoteProperties": "asNeeded",
    "trailingCommas": "all",
    "semicolons": "always",
    "arrowParentheses": "always",
    "bracketSpacing": "true",
    "bracketSameLine": "",
    "jsonFormatterEnabled": "true",
    "cssFormatterEnabled": "",
    "cssQuoteStyle": "double",
    "vcsEnabled": "true",
    "vcsUseIgnoreFile": "true",
    "includeHeader": "true"
  }'

Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.

Спросите у ИИ-агента

Use the IOTools `biome-config-generator` tool (Biome Config Generator) on this input:

YOUR_INPUT_HERE

Вставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.

Виджет для встраивания

<iframe
  src="https://iotools.cloud/embed/biome-config-generator/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Генератор конфигурации Biome — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

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

Стоимость вызова API/MCPОт 5 кредитов
Нужно больше кредитов?Посмотреть тарифы

Также доступно через

Руководства

Генератор конфигурации Biome создаёт готовый к использованию файл конфигурации biome.json из набора переключателей и выпадающих списков — без необходимости запоминать вложенные имена опций Biome или вручную писать JSON. Выберите ваш форматтер, линтер и настройки для каждого языка, затем скопируйте или загрузите файл прямо в корень вашего проекта.

Что это делает

Biome — это быстрый комплексный форматтер и линтер для JavaScript, TypeScript, JSON и CSS, но его biome.json содержит множество вложенных разделов — formatter, linter, assist и переопределения для каждого языка javascript/json/css — которые легко настроить неправильно вручную. Этот инструмент собирает для вас полную валидную конфигурацию. Он охватывает:

  • Настройки форматтера — indentStyle, indentWidth, lineWidth и lineEnding.
  • Предустановку правил линтера — Рекомендуемая (сбалансированное значение по умолчанию Biome), Строгая (все правила, включая nursery/experimental) или Отключена (только форматтер).
  • Организацию импортов — переключатель assist.actions.source.organizeImports, который заменяет старый автономный ключ organizeImports.
  • Форматирование JavaScript/TypeScript — quoteStyle, jsxQuoteStyle, quoteProperties, trailingCommas, semicolons, arrowParentheses, bracketSpacing и bracketSameLine.
  • Переопределения JSON и CSS — включение/отключение форматирования для каждого языка (форматирование CSS опционально в Biome, отключено по умолчанию).
  • Интеграцию VCS — привязка Biome к вашему .gitignore, чтобы он автоматически пропускал игнорируемые файлы.
  • Включение $schema — привяжите к вашей установленной версии Biome, или оставьте как "latest", для автодополнения IDE и валидации.

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

  1. Переключите, нужно ли включать поле $schema, и установите версию, если хотите привязать её к вашей установленной версии Biome.
  2. Отрегулируйте настройки форматтера — стиль/ширину отступа, ширину строки и переносы строк.
  3. Выберите предустановку правил линтера.
  4. Установите свой стиль кавычек JavaScript/TypeScript, запятые в конце, точки с запятой и интервал между скобками.
  5. Переключите форматирование JSON/CSS и интеграцию VCS по необходимости.
  6. Скопируйте созданную конфигурацию или загрузите её как biome.json и поместите в корень вашего проекта.

Вывод обновляется мгновенно при изменении любой опции.

Должен ли я привязать версию схемы или использовать "latest"?

"latest" всегда разрешается на новейшую схему, что удобно, но может опередить версию Biome CLI, реально установленную в вашем проекте — ваш редактор может предлагать опции, которые ваша установленная версия ещё не поддерживает. Привязка её к вашей точной установленной версии (например "2.4.13") держит IDE валидацию в синхронизации с тем, что вы реально запускаете.

Почему форматирование CSS отключено по умолчанию?

Biome добавил форматирование CSS после того, как поддержка JS/JSON созрела, и оно всё ещё опционально, чтобы существующие проекты не были застигнуты врасплох внезапным переформатированием их таблиц стилей. Включите его после того, как подтвердите, что вывод соответствует ожиданиям вашей команды.

Заменяет ли это мою конфигурацию Prettier/ESLint?

Только если вы мигрируете — Biome объединяет форматтер и линтер, которые могут заменить оба, но он не читает файлы .prettierrc или .eslintrc. Если вы переходите с одного из них, см. Генератор конфигурации Prettier или Генератор конфигурации ESLint для сравнения, и собственные команды миграции Biome для переноса существующих настроек.

Конфиденциальность

Этот генератор работает полностью в вашем браузере. Ваши выборы никогда не загружаются, не регистрируются и не сохраняются — конфигурация собирается локально из выбранных вами опций, и ничего не покидает ваше устройство.

biomebiomejslinterformatterconfigjavascripttypescriptdeveloper tools

Нравятся инструменты? Уберите рекламу.

Один платёж навсегда убирает всю рекламу с вашего аккаунта. Без подписки, без слежки.