Generator Konfigurasi Prettier

Generator Konfigurasi Prettier

Buat konfigurasi Prettier yang benar tanpa mencari di dokumen. Pilih setiap opsi format dari daftar pilihan, tambahkan pengaturan per-bahasa untuk Markdown, HTML, YAML dan JSON, dan ekspor hasilnya sebagai .prettierrc.json, .prettierrc.yaml, modul ES, modul CommonJS, atau bagian package.json "prettier" key untuk package.json. Template yang sesuai dihasilkan bersamaan sehingga repositori Anda siap untuk format pada komit pertama. .prettierignore — JSON untuk file yang paling mudah dibagikan, YAML untuk pengeditan yang lebih manusiawi, modul JS saat Anda membutuhkan logika kondisional, atau key package.json saat Anda ingin satu file lebih sedikit di repositori.

Cara Penggunaan

1. Pilih format keluaran opsi inti
2. Tetapkan : lebar baris, lebar tab, tanda koma, gaya kutip, tanda koma di akhir, spasi di dalam kurung, parens fungsi panah, dan gaya akhir baris.Sesuaikan
3. blok jika kode Anda menggunakan React, dan JSX Markdown & HTML blok untuk penanganan penempatan teks dan pengaturan spasi. Aktifkan setiap
4. pengaturan per-bahasa untuk menerapkan aturan berbeda pada jenis file tertentu — misalnya, lebar yang lebih besar untuk JSON, atau satu atribut per baris untuk HTML. pada konfigurasi yang dihasilkan. Letakkan di akar proyek Anda dan jalankan printWidth Setiap opsi resmi Prettier
5. Klik Menyalin atau Unduh — printWidth, tabWidth, useTabs, semi, singleQuote, quoteProps, jsxSingleQuote, trailingComma, bracketSpacing, bracketSameLine, arrowParens, endOfLine, proseWrap, htmlWhitespaceSensitivity, singleAttributePerLine. npx prettier --write ..

Fitur

• Lima format output — JSON, YAML, ESM (.mjs), CommonJS (.cjs), dan bagian package.json.
• Blok pengaturan per-bahasa untuk Markdown, HTML, YAML, dan JSON dengan default yang masuk akal yang bisa Anda salin langsung atau sesuaikan.
• Ditambahkan secara otomatis template yang mencakup output pembangunan, tergantung pada ketergantungan, file kunci, aset yang diminifi, dan folder cache kerangka kerja umum.
• JSDoc .prettierignore annotasi
• pada output modul JS agar editor aktif dengan autocomplete dan pengecekan tipe. @type — setiap perubahan memperbarui output secara langsung, sehingga Anda dapat membandingkan kombinasi opsi dalam hitungan detik. Mengapa Prettier sengaja memiliki sedikit opsi?
• Pratinjau langsung Tujuan desain Prettier adalah mengakhiri debat gaya dengan bersikap pendapat. Setiap opsi yang ada ditambahkan dengan hati-hati, karena tidak mungkin mencapai konsensus tentang default yang benar. Tim secara eksplisit menolak penambahan opsi baru untuk menjaga portabilitas konfigurasi dan memperkirakan hasil yang konsisten di proyek-proyek. Itulah sebabnya seperti 'spasi di sekitar kata kunci' tidak dapat dikonfigurasi — Prettier memperlakukan keputusan format sebagai keputusan komersial, bukan ekspresi pribadi.