Lewati ke konten utama
iotools.cloudiotools.cloud

Pembuat Konfigurasi ESLint

API reference

Buat file konfigurasi ESLint — flat config modern (eslint.config.js) atau legacy .eslintrc.json — dari preset framework (Vanilla, Node, React, Next.js, Vue, TypeScript), style guide opsional (Airbnb, Standard, Google, Prettier), opsi bahasa, lingkungan, dan toggle aturan umum.

Input

Flat config adalah default sejak ESLint v9. Legacy untuk proyek yang masih di v8.

Memilih parser, plugin, dan aturan dasar yang sesuai untuk stack Anda.

Shareable config diperluas setelah base. Prettier harus ditambahkan terakhir.

Opsi Bahasa

Versi sintaks JavaScript yang diterima parser.

Cara file harus diparse.

Lingkungan

Aturan Umum

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/eslint-config-generator \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "format": "flat",
    "framework": "vanilla",
    "styleGuide": "none",
    "useTypescript": "",
    "ecmaVersion": "latest",
    "sourceType": "module",
    "envBrowser": "true",
    "envNode": "",
    "envJest": "",
    "envMocha": "",
    "ruleSemi": "error",
    "ruleQuotes": "single",
    "ruleIndent": "2",
    "ruleNoUnusedVars": "warn",
    "ruleNoConsole": "warn",
    "ruleEqeqeq": "error",
    "rulePreferConst": "error",
    "ruleNoVar": "error",
    "includeComments": "true",
    "includeHeader": "true",
    "includeInstall": "true"
  }'

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

Tanyakan ke agen AI

Use the IOTools `eslint-config-generator` tool (ESLint 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/eslint-config-generator/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Pembuat Konfigurasi ESLint — 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 ESLint membangun file konfigurasi ESLint yang siap digunakan dari beberapa dropdown dan toggle — tidak perlu mengingat nama plugin, urutan extends, atau perbedaan antara flat config modern dan format legacy. Pilih framework Anda, guide style opsional, dan aturan yang Anda pedulikan, lalu salin file yang dihasilkan langsung ke proyek Anda.

Yang dilakukan

ESLint adalah linter standar untuk JavaScript dan TypeScript, tetapi menyiapkan config secara manual berarti menggabungkan parser, plugin, environment, dan config yang dapat dibagikan dalam urutan yang tepat. Tool ini merakitnya semua untuk Anda. Ini mendukung:

  • Dua format output — flat config (eslint.config.js, default sejak ESLint v9) dan legacy (.eslintrc.json, untuk proyek yang masih di v8).
  • Preset framework — Vanilla JavaScript, Node.js, React, Next.js, Vue 3, dan TypeScript generic, masing-masing dengan plugin dan base extends yang tepat.
  • Guide style — Airbnb, Standard, Google, dan Prettier (ditambahkan terakhir sehingga dapat mematikan aturan pemformatan yang bertentangan).
  • Opsi bahasa — ecmaVersion dan sourceType (ESM, CommonJS, atau script).
  • Environment — browser, Node, Jest, dan global Mocha.
  • Aturan umum — semi, quotes, indent, no-unused-vars, no-console, eqeqeq, prefer-const, dan no-var, masing-masing dapat diatur ke error, warn, atau off.

Ini juga dapat menambahkan komentar header deskriptif, komentar inline yang menjelaskan setiap block, dan perintah npm install -D … yang tepat yang mencantumkan setiap package yang dibutuhkan config.

Cara menggunakannya

  1. Pilih format config Anda (flat direkomendasikan untuk proyek baru).
  2. Pilih framework Anda dan, secara opsional, guide style.
  3. Toggle Gunakan TypeScript jika proyek Anda menggunakan @typescript-eslint.
  4. Sesuaikan opsi bahasa, environment, dan tingkat keparahan aturan umum.
  5. Salin config yang dihasilkan atau unduh, lalu jalankan perintah install yang ditampilkannya.

Output diperbarui secara instan saat Anda mengubah opsi apa pun.

Flat config vs. legacy config — mana yang harus saya pilih?

Gunakan flat config (eslint.config.js) untuk proyek apa pun di ESLint v9 atau lebih baru; ini adalah default saat ini dan tempat semua pengembangan masa depan mengarah. Gunakan legacy (.eslintrc.json) hanya jika Anda terpaksa pada ESLint v8 atau toolchain yang belum bermigrasi.

Apakah saya masih perlu memasang package?

Ya. Tool menghasilkan teks config dan perintah install yang cocok, tetapi tidak memasang apa pun untuk Anda. Jalankan baris npm install -D … yang dihasilkannya (atau setara yarn/pnpm) sehingga ESLint dapat menemukan plugin dan config yang direferensikan.

Mengapa Prettier tercantum secara terpisah?

eslint-config-prettier hanya menonaktifkan aturan pemformatan ESLint sehingga mereka tidak bertentangan dengan formatter Anda — ini tidak menambahkan aturan apa pun. Karena itu, itu harus diterapkan terakhir, yang merupakan tempat yang tepat di mana generator menempatkannya.

Dapatkah saya menyempurnakan aturan sesudahnya?

Tentu saja. File yang dihasilkan adalah titik awal biasa — edit tingkat keparahan aturan, tambahkan lebih banyak aturan, atau perpanjang dengan config tambahan. Perlakukan output sebagai dasar yang solid, bukan hasil yang terkunci.

Privasi

Generator ini berjalan seluruhnya 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.

eslintlinterconfigjavascripttypescriptflat configdeveloper tools

Suka alat-alatnya? Hilangkan iklannya.

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

Hapus iklan