Prettier Config

Prettier Config

Tentang Kami

Tentang Prettier Config

Alat gratis dan open source yang dibuat untuk membantu pengembang mengonfigurasi Prettier tanpa kerumitan.

Apa alat ini?

Prettier Config Generator adalah aplikasi web interaktif yang membuat konfigurasi Prettier menjadi mudah. Alih-alih menulis JSON secara manual dan mencari setiap opsi di dokumentasi, Anda dapat secara visual mengaktifkan dan menyesuaikan setiap pengaturan Prettier, memformat kode nyata terhadap konfigurasi Anda dalam 16 bahasa, dan membagikan hasilnya hanya dengan satu tautan. Dibuat untuk pengembang yang ingin menghabiskan waktu menulis kode, bukan mengonfigurasi alat.

Fitur

Impor Konfigurasi yang Sudah Ada

Tempel .prettierrc, prettier.config.js, atau key prettier dari package.json yang sudah ada — formulir akan terisi sesuai. Ubah, bagikan, atau salin keluar, semua key tetap utuh.

Setiap Versi Prettier

Pilih rilis Prettier 3.x apa pun (3.0 – 3.6 dan terbaru). Opsi yang tepat untuk versi itu dimuat sesuai permintaan dari jsDelivr.

Semua Bahasa, Kedua Tab

Preview menyediakan contoh khusus untuk setiap parser (TS, CSS, HTML, JSON/JSON5/JSONC, Markdown, YAML, Vue, GraphQL, dan lainnya) sehingga setiap opsi Prettier memiliki tempat untuk menunjukkan efeknya. Your Code mendeteksi parser secara otomatis dari kode yang Anda tempel, dengan opsi override manual.

Editor Kode Asli

CodeMirror 6 menggerakkan panel input dengan penyorotan sintaks, nomor baris, indentasi tab, dan tema yang mengikuti mode terang/gelap.

Konfigurasi yang Dapat Dibagikan

Klik Bagikan dan versi, opsi, kode, serta parser Anda dikemas ke dalam hash URL. Kirim ke mana saja; semuanya tetap di browser.

Diff Gaya GitHub

Lihat persis apa yang diubah Prettier dengan diff terpadu atau terpisah, ditambah header ringkasan +X / −Y seperti pull request.

Penghitung Token AI

Hitungan token langsung untuk input dan output di GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3, dan Mistral — berguna untuk estimasi biaya pipeline AI.

Kesalahan Parse yang Ditampilkan

Saat Prettier menolak input Anda, SyntaxError yang tepat dan baris:kolomnya muncul di atas diff alih-alih ditelan diam-diam.

Pilihan Persisten

Versi Prettier dan pilihan opsi Anda disimpan ke localStorage, sehingga pemuatan ulang — atau kembali besok — menjaga semuanya tetap utuh.

20 Bahasa

Sepenuhnya dilokalkan dalam bahasa Inggris, Thailand, China, Spanyol, Hindi, Jerman, Prancis, Portugis, Jepang, Korea, Rusia, Vietnam, Indonesia, Italia, Polandia, Turki, Ukraina, Bengali, serta Arab dan Persia (RTL).

Dibangun dengan

Next.js 16React 19TypeScriptTailwind CSS v4shadcn/uinext-intlCodeMirror 6prettier/standalone (CDN)lz-string

Open Source

Alat ini sepenuhnya gratis dan open source. Kontribusi, laporan bug, dan saran selalu disambut.

Lihat di GitHub

Pembuat

Dibuat oleh

NooobtimeX

Dibuat dengan penuh perhatian untuk komunitas pengembang. Jika bermanfaat, pertimbangkan untuk memberi bintang pada repositori di GitHub.