Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Generator Konfigurasi ESLint

DataPengembang

IKLAN · HAPUS?

MEMASUKKAN

Proses Otomatis Sisi klien

Format Konfigurasi

Konfigurasi lurus adalah default sejak versi ESLint v9. Konfigurasi warisan digunakan untuk proyek lama yang masih berjalan di versi v8.

Framework / Lingkungan

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

Petunjuk Gaya

Konfigurasi yang dapat dibagikan ditambahkan setelah dasar. Prettier harus ditambahkan terakhir.

Gunakan TypeScript (@typescript-eslint)

Pilihan Bahasa

ecmaVersion

Versi sintaks JavaScript yang diterima parser.

sourceType

Cara file harus diparsa.

Lingkungan

variabel global browser (window, document, fetch)

variabel global node (process, require, __dirname)

variabel global jest (describe, test, expect)

variabel global mocha

Aturan Umum

semi (harus menggunakan tanda baca koma)

quotes

indent

no-unused-vars

no-console

eqeqeq (kesamaan ketat)

prefer-const

no-var

Opsi Output

Sertakan komentar langsung yang menjelaskan setiap opsi

Termasuk komentar header yang deskriptif

Sertakan perintah npm install di bagian atas

KELUARAN

Sisi klien

IKLAN · HAPUS?

Memandu

Generator Konfigurasi ESLint

Buat konfigurasi ESLint siap pakai untuk proyek Anda dalam beberapa detik. Pilih framework, versi bahasa, lingkungan, dan keparahan aturan, lalu salin hasilnya langsung ke repositori Anda. Mendukung format flat (ESLint v9+) dan format warisan yang digunakan oleh ESLint v8.eslint.config.js, ESLint v9+ .eslintrc.json yang digunakan oleh ESLint v8.

Cara Penggunaan

Pilih format konfigurasi Anda: flat (ESLint v9+) atau warisan (.eslintrc.json).
Pilih framework yang Anda gunakan — JavaScript murni, Node.js, React, Next.js, Vue 3, atau TypeScript.
Pilih secara opsional petunjuk gaya (Airbnb, Standard, Google, Prettier) untuk diperluas.
Aktifkan dukungan TypeScript jika stack Anda menggabungkan JavaScript dan TypeScript.
Atur pilihan bahasa, lingkungan, dan keparahan aturan sesuai dengan kode Anda.
Salin konfigurasi yang dibangun dan tempelkan ke eslint.config.js atau .eslintrc.json, lalu instal ketergantungan yang diterbitkan.

Fitur

Format flat dan warisan – Eksposisi hanya eslint.config.js untuk ESLint v9+ atau .eslintrc.json untuk v8.
Preset Framework – JavaScript murni, Node.js, React, Next.js, Vue 3, dan TypeScript dengan plugin dan konfigurasi rekomendasi yang sudah disambungkan.
Petunjuk Gaya – Integrasi opsional Airbnb, Standard (melalui neostandard untuk flat), Google, dan Prettier.
Pengaturan Aturan Umum – Kontrol keparahan yang dipilih untuk semi, quotes, indent, no-unused-vars, no-console, eqeqeq, prefer-constdan no-var.
Perintah Instalasi – Mencetak perintah yang sesuai sehingga Anda tahu persis paket apa yang harus ditambahkan. npm install -D – Komentar penjelasan opsional di samping setiap opsi sehingga konfigurasi berfungsi sebagai dokumentasi.
Komentar langsung – Semua proses berjalan di browser; tidak ada kode yang diunggah.
Hanya sisi klien Apa perbedaan antara konfigurasi flat dan .eslintrc warisan?

 Tanya Jawab Umum

Konfigurasi flat adalah modul JavaScript tunggal yang menghasilkan array (atau hasil dari bantuan seperti tseslint.config()). Ini menggantikan sistem cascade .eslintrc pada versi ESLint v9 dan menggunakan impor nyata alih-alih pencarian string, sehingga lebih mudah dipahami dan bekerja lebih baik dengan modul ES native. Sistem .eslintrc warisan masih berfungsi pada versi ESLint v8 tetapi tidak lagi menjadi default pada versi baru.

Mengapa Prettier harus diterapkan terakhir?
eslint-config-prettier menonaktifkan aturan ESLint yang bertentangan dengan format Prettier, sehingga menerapkan Prettier terakhir memastikan aturan format tersebut dinonaktifkan terlepas dari aturan yang diaktifkan oleh konfigurasi sebelumnya. Jika Anda menempatkan Prettier lebih awal, konfigurasi yang lebih terakhir dapat mengaktifkan kembali aturan yang bertentangan dengan Prettier dan Anda akan melihat kesalahan lint yang mengganggu pada kode yang sudah terformat.

Apa yang dilakukan oleh opsi env / globals?
Ini memberi tahu parser variabel global yang ada sehingga aturan seperti no-undef tidak mengeluhkan terhadap mereka. Lingkungan browser menambahkan window, document, fetch, dll; lingkungan node menambahkan process, require, __dirname. Tanpa variabel global yang tepat dideklarasikan, kode yang valid dapat ditandai sebagai merujuk pada variabel yang tidak terdefinisi.

Apa perbedaan antara keparahan error, warn, dan off?
Aturan yang ditetapkan ke error membuat ESLint keluar dengan status non-nol, yang menghentikan CI dan hook pra-commit. Aturan yang ditetapkan ke warn menampilkan pesan tetapi tidak menghentikan pembangunan. Menyetel off menonaktifkan aturan secara total. Sebagian besar tim menahan error untuk aturan kebenaran kode dan menggunakan warn untuk kebisingan gaya atau migrasi yang belum siap diterapkan.

Generator Konfigurasi ESLint 1