Softonic

Generator Konfigurasi Prettier

Langkah 1 / 2
Berikutnya

Pilih nilai untuk sepuluh opsi umum Prettier, lalu salin konfigurasi yang dihasilkan. Generator ini mengeluarkan JSON, YAML, atau file JavaScript CommonJS; alat ini tidak memeriksa proyek, memvalidasi konfigurasi dengan Prettier, maupun menambahkan plugin dan overrides.

Cara membuat konfigurasi

  1. 1

    Atur tata letak

    Pilih lebar cetak, lebar tab, tab atau spasi, titik koma, dan gaya tanda kutip.

  2. 2

    Atur detail sintaksis

    Pilih koma penutup, spasi kurung kurawal, tanda kurung fungsi panah, akhir baris, dan tanda kutip JSX.

  3. 3

    Pilih format file

    Buat .prettierrc.json, .prettierrc.yaml, atau CommonJS .prettierrc.js yang memakai module.exports.

  4. 4

    Salin dan periksa

    Simpan hasilnya di proyek Anda dan jalankan npx prettier --check . dengan versi Prettier yang terpasang.

Opsi yang disertakan generator ini

Opsi Nilai yang tersedia
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true atau false
singleQuote true atau false
trailingComma none, es5, atau all
arrowParens always atau avoid
endOfLine lf, crlf, cr, atau auto

Kontrol angka dibatasi ke rentang yang ditampilkan. Kontrol lainnya hanya menyediakan nilai yang tercantum. Ini adalah pengaturan sehari-hari yang berguna, bukan seluruh opsi yang didukung Prettier.

Format keluaran

  • JSON menghasilkan objek JSON yang sesuai untuk .prettierrc.json.
  • YAML menghasilkan baris pasangan kunci-nilai yang sesuai untuk .prettierrc.yaml.
  • JavaScript membungkus objek yang sama dengan module.exports = { ... };, sesuai untuk pengaturan CommonJS .prettierrc.js.

Prettier juga mendukung nama file konfigurasi dan format modul lain. Generator ini hanya membuat tiga keluaran di atas. Alat ini tidak menjalankan Prettier, jadi periksa file salinan dengan versi yang terpasang di proyek Anda.

Penanganan data

Kontrol ini merupakan field yang berjalan di server kami, sehingga nilai opsi dikirim ke server saat halaman diperbarui. Dalam tampilan dua langkah, nilai tersebut juga dapat muncul di URL halaman. Konfigurasi Prettier biasanya tidak memuat rahasia, tetapi jangan masukkan data sensitif ke field ini atau URL yang dibagikan.

Pertanyaan yang Sering Diajukan

Tidak. Generator membuat sepuluh opsi yang terlihat di formulir. Tambahkan pengaturan lain yang didukung secara manual setelah memeriksa dokumentasi versi yang terpasang.

Tidak. Alat ini membuat teks konfigurasi, tetapi tidak menjalankan Prettier. Simpan file lalu jalankan npx prettier --check . di proyek Anda.

Tidak. Keluarannya adalah satu objek datar. Tambahkan overrides atau opsi khusus plugin secara manual jika proyek Anda memerlukannya.

Itulah bentuk CommonJS yang dibuat alat ini. Jika proyek Anda mengharapkan konfigurasi modul ES, sesuaikan ekspor dan nama file untuk pengaturan tersebut.

Alat Terkait

Referensi Tabel ASCII

Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.

Referensi Karakter HTML

Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.

Referensi pintasan papan ketik

Cari pintasan bawaan terdokumentasi untuk VS Code, Chrome, dan Bash dengan GNU Readline di macOS, Windows, dan Linux.

Generator EditorConfig

Buat file .editorconfig dengan gaya dan ukuran indentasi, akhir baris, charset, dan aturan spasi Anda untuk format yang konsisten di berbagai IDE dan editor.

Validator Email

Validasi alamat email: pemeriksaan sintaks RFC 5322, pengecekan live record MX, serta detail bagian lokal, domain, dan panjang. Tidak ada email yang dikirim.

Konverter Ukuran File

Konversi antara byte, KB, MB, GB, TB, dan satuan biner IEC (KiB, MiB, GiB, TiB) dengan kombinasi desimal dan biner apa pun yang Anda inginkan.

Alat ini tersedia dalam bahasa lain