Lewati ke konten utama
iotools.cloudiotools.cloud

Pembuat Konfigurasi Biome

API reference

Hasilkan file konfigurasi Biome (biome.json) — pengaturan formatter (indentasi, lebar baris, trailing commas), preset aturan linter (recommended, strict, atau off), organisasi impor, dan override per-bahasa untuk JavaScript/TypeScript, JSON, dan CSS.

Input

Formatter

Spasi per tingkat indentasi — hanya berlaku ketika indentStyle adalah "space".

Linter

Opsi Output

Output

Konfigurasi yang Dihasilkan
Apakah ini membantu?

Cara lain menggunakan alat ini

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

Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.

Tanyakan ke agen AI

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

YOUR_INPUT_HERE

Tempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.

Widget sematan

<iframe
  src="https://iotools.cloud/embed/biome-config-generator/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Pembuat Konfigurasi 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>

Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.

Biaya per panggilan API/MCPMulai dari 5 kredit
Butuh kredit lebih?Lihat harga

Juga tersedia melalui

IntegrasiEkstensi browserEkstensi VS Code

Panduan

Pembuat Konfigurasi Biome membangun file konfigurasi biome.json yang siap digunakan dari serangkaian toggle dan dropdown — tidak perlu mengingat nama opsi bersarang Biome atau menulis JSON dengan tangan. Pilih formatter, linter, dan pengaturan per-bahasa Anda, lalu salin atau unduh file langsung ke akar proyek Anda.

Apa yang dilakukan

Biome adalah formatter dan linter yang cepat dan lengkap untuk JavaScript, TypeScript, JSON, dan CSS, tetapi biome.json-nya memiliki banyak bagian bersarang — formatter, linter, assist, dan override per-bahasa javascript/json/css — yang mudah salah dengan tangan. Alat ini merakit konfigurasi lengkap dan valid untuk Anda. Ini mencakup:

  • Pengaturan formatter — indentStyle, indentWidth, lineWidth, dan lineEnding.
  • Preset aturan linter — Recommended (default berimbang Biome), Strict (setiap aturan, termasuk nursery/experimental), atau Off (formatter saja).
  • Organisasi impor — toggle assist.actions.source.organizeImports yang menggantikan kunci organizeImports mandiri lawas.
  • Pemformatan JavaScript/TypeScript — quoteStyle, jsxQuoteStyle, quoteProperties, trailingCommas, semicolons, arrowParentheses, bracketSpacing, dan bracketSameLine.
  • Override JSON dan CSS — aktifkan/nonaktifkan pemformatan per bahasa (pemformatan CSS opsional di Biome, off secara default).
  • Integrasi VCS — mengaitkan Biome ke .gitignore Anda sehingga secara otomatis melewati file yang diabaikan.
  • Penyertaan $schema — sematkan ke versi Biome yang terinstal, atau biarkan di "latest", untuk autocomplete IDE dan validasi.

Cara menggunakannya

  1. Toggle apakah akan menyertakan bidang $schema, dan atur versi jika ingin disematkan ke rilis Biome yang terinstal.
  2. Sesuaikan pengaturan formatter — gaya indentasi/lebar, lebar baris, dan line ending.
  3. Pilih preset aturan linter.
  4. Atur gaya kutipan JavaScript/TypeScript, trailing commas, titik koma, dan spacing bracket Anda.
  5. Toggle pemformatan JSON/CSS dan integrasi VCS sesuai kebutuhan.
  6. Salin konfigurasi yang dihasilkan atau unduh sebagai biome.json, dan lepaskan ke akar proyek Anda.

Output diperbarui secara instan saat Anda mengubah opsi apa pun.

Haruskah saya sematkan versi skema atau menggunakan "latest"?

"latest" selalu menyelesaikan ke skema terbaru, yang nyaman tetapi dapat melampaui versi CLI Biome yang sebenarnya terinstal di proyek Anda — editor Anda mungkin menyarankan opsi yang versi terinstal Anda belum dukung. Menyematkannya ke versi yang terinstal persis (misalnya "2.4.13") menjaga validasi IDE tetap sinkron dengan apa yang Anda jalankan.

Mengapa pemformatan CSS off secara default?

Biome mengirimkan pemformatan CSS setelah dukungan JS/JSON matang, dan masih opsional sehingga proyek yang ada tidak terkejut dengan pemformatan ulang tiba-tiba dari stylesheet mereka. Aktifkan setelah Anda mengkonfirmasi output cocok dengan harapan tim Anda.

Apakah ini menggantikan konfigurasi Prettier/ESLint saya?

Hanya jika Anda bermigrasi — Biome menggabungkan formatter dan linter yang dapat menggantikan keduanya, tetapi tidak membaca file .prettierrc atau .eslintrc. Jika Anda pindah dari salah satu, lihat Pembuat Konfigurasi Prettier atau Pembuat Konfigurasi ESLint untuk perbandingan, dan perintah migrasi Biome sendiri untuk mengalihkan pengaturan yang ada.

Privasi

Generator ini berjalan sepenuhnya di browser Anda. Pilihan Anda tidak pernah diunggah, dicatat, atau disimpan — konfigurasi disusun secara lokal dari opsi yang Anda pilih, dan tidak ada yang meninggalkan perangkat Anda.

biomebiomejslinterformatterconfigjavascripttypescriptdeveloper tools

Suka alat-alatnya? Hilangkan iklannya.

Satu kali pembayaran menghapus semua iklan dari akun Anda, selamanya. Tanpa langganan, tanpa pelacakan.

Hapus iklan