Biome設定ジェネレータ

Biome設定ファイル(biome.json)を生成 — フォーマッター設定(インデント、行幅、末尾カンマ)、linterルールプリセット(推奨、厳密、またはオフ)、インポート整理、JavaScript/TypeScript、JSON、CSSの言語別オーバーライド。

このツールを使う他の方法

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"
  }'

ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。

AIエージェントに依頼する

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

YOUR_INPUT_HERE

IOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。

埋め込みウィジェット

<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 1回あたりの費用	5クレジットから
クレジットが足りませんか?	料金を見る

次の方法でも利用可能

統合ブラウザ拡張機能 VS Code拡張機能

ガイド

Biome設定ジェネレータは、トグルとドロップダウンのセットから、すぐに使用できるbiome.json設定ファイルを構築します。Biomeのネストされたオプション名を覚える必要がなく、JSONを手書きする必要もありません。フォーマッター、linter、言語別設定を選択してから、ファイルをコピーするか、プロジェクトルートに直接ダウンロードします。

何をするのか

Biomeは、JavaScript、TypeScript、JSON、CSSの高速で包括的なフォーマッターおよびlinterですが、そのbiome.jsonには多くのネストされたセクション — formatter、linter、assist、および言語別のjavascript/json/cssオーバーライド — があり、手作業で正しく設定するのは簡単ではありません。このツールはあなたのために完全で有効な設定を組み立てます。以下をカバーしています:

フォーマッター設定 — indentStyle、indentWidth、lineWidth、lineEnding。
Linterルールプリセット — 推奨(Biomeの適度なデフォルト)、厳密(nursery/experimentalを含むすべてのルール)、またはオフ(フォーマッターのみ)。
インポート整理 — 古いスタンドアロンorganizeImportsキーを置き換えるassist.actions.source.organizeImportsトグル。
JavaScript/TypeScriptフォーマッティング — quoteStyle、jsxQuoteStyle、quoteProperties、trailingCommas、semicolons、arrowParentheses、bracketSpacing、bracketSameLine。
JSONおよびCSSオーバーライド — 言語ごとのフォーマッティングを有効/無効(CSSフォーマッティングはBiomeではオプション、デフォルトではオフ)。
VCS統合 — Biomeを.gitignoreに接続して、無視されたファイルを自動的にスキップします。
$schemaの包含 — インストールされたBiomeバージョンに固定するか、"latest"のままにして、IDEの自動補完と検証を取得します。

使い方

**$schema**フィールドを含めるかどうかを切り替え、インストールされたBiomeリリースに固定したい場合はバージョンを設定します。
フォーマッター設定を調整します — インデントスタイル/幅、行幅、改行。
linterルールプリセットを選択します。
JavaScript/TypeScript引用符スタイル、末尾カンマ、セミコロン、括弧間隔を設定します。
必要に応じてJSON/CSSフォーマッティングとVCS統合を切り替えます。
生成された設定をコピーするか、biome.jsonとしてダウンロードして、プロジェクトルートにドロップします。

オプションを変更すると、出力がすぐに更新されます。

スキーマバージョンを固定するか「latest」を使用するか?

"latest"は常に最新のスキーマに解決されます。これは便利ですが、プロジェクトに実際にインストールされているBiome CLIバージョンより先に進む可能性があります。エディタは、インストールされたバージョンがまだサポートしていないオプションを提案する可能性があります。インストールされた正確なバージョン(例: "2.4.13")に固定すると、IDE検証が実際に実行しているものと同期状態に保たれます。

CSSフォーマッティングがデフォルトでオフなのはなぜですか?

Biomeは、JS/JSONのサポートが成熟した後にCSSフォーマッティングを提供し、既存のプロジェクトがスタイルシートの急いでの再フォーマットに驚かないようにするため、まだオプションです。チームの期待と出力が一致することを確認した後で有効にしてください。

これは私のPrettier/ESLint設定に取って代わりますか?

移行する場合のみです — Biomeはフォーマッターとlinterをバンドルしており、両方を置き換えることができますが、.prettierrcファイルまたは.eslintrcファイルは読み込みません。どちらかから移動する場合は、比較のためにPrettier設定ジェネレータまたはESLint設定ジェネレータを参照し、既存の設定を移植するためのBiome独自の移行コマンドを参照してください。

プライバシー

このジェネレータはブラウザ内で完全に実行されます。選択内容がアップロード、ログ記録、または保存されることはありません。設定は、選択したオプションからローカルに組み立てられ、デバイスから何も出ません。

biomebiomejslinterformatterconfigjavascripttypescriptdeveloper tools

ツールが気に入りましたか？広告をなくしましょう。

1回のお支払いでアカウントから広告が完全になくなります。サブスクリプションも追跡もありません。

広告を削除