Pemformat Kod Prettier

Format JavaScript, TypeScript, JSON, HTML, CSS, Markdown, YAML, GraphQL dan fail berkaitan dengan Prettier terus di pelayar anda.

Kod sumber
Tampal JavaScript, TypeScript, JSON, HTML, CSS, Markdown, YAML, GraphQL, atau fail berkaitan dan formatkannya dalam pelayar dengan Prettier.
Output diformat
Pratonton menggunakan parser Prettier yang dipilih dan pilihan di bawah.
Memformat kod...
Pilihan pemformatan
Pilih parser dan peraturan gaya tanpa mengubah sumber secara manual.
Indentasi
Gaya

Apa Itu Pemformat Kod Prettier?

Pemformat Kod Prettier menjalankan saluran rasmi Prettier standalone terus di pelayar anda supaya anda boleh menyeragamkan fail sumber tanpa menghantar kod ke pelayan. Ia berguna apabila anda perlukan pemformatan pantas, mahu membandingkan tetapan panjang baris yang berbeza, atau memerlukan fail bersih yang boleh disalin atau dimuat turun serta-merta.

Format Yang Disokong

Penulisan semula ini mengekalkan fokus pada format yang memang sudah disokong Prettier dengan baik dalam pelayar: JavaScript, JSX, TypeScript, TSX, Flow, varian JSON, HTML, XML, CSS, PostCSS, SCSS, Less, Markdown, MDX, YAML, GraphQL, dan format templat seperti Angular, Vue, Svelte, LWC, MJML, serta Handlebars. Pemilih bahasa mengawal parser yang dijalankan, dan import fail akan mengesan parser secara automatik apabila sambungannya dikenal pasti.

Cara Penulisan Semula Ini Berfungsi

Penulisan semula ini memastikan logik pemformatan berat tidak berada pada laluan UI utama. Permintaan pemformatan dibina daripada konfigurasi tempatan tool yang bersifat tulen, kemudian dijalankan melalui saluran Prettier berasaskan worker yang dimuatkan secara malas supaya penaipan biasa kekal responsif. Input besar menjeda pemformatan automatik dan beralih kepada tindakan eksplisit Format sekarang, yang lebih boleh dijangka berbanding cuba memformat semula fail besar pada setiap keystroke.