Cara menggunakan
- Tampal kod anda, atau klik Muatkan contoh untuk mencubanya.
- Pilih JavaScript, TypeScript atau JSON dan tetapkan inden, lebar baris, koma bertitik dan gaya petikan.
- Klik Format, atau tekan Ctrl+Enter (⌘+Enter pada Mac).
- Salin kod yang telah diformat.
Penerangan pilihan
- Inden
- 2 ruang ialah tetapan lalai Prettier dan gaya paling biasa dalam projek JavaScript. Tab menggunakan aksara tab untuk inden.
- Lebar baris
- Prettier memecahkan ungkapan yang melebihi bilangan aksara ini. Lalainya ialah 80.
- Koma bertitik
- Matikan untuk tidak meletakkan koma bertitik di hujung pernyataan. Prettier tetap menambahnya di tempat yang maksud kod akan berubah jika ia ditinggalkan.
- Petikan tunggal
- Menggunakan petikan 'tunggal' dan bukan "berganda" untuk rentetan, kecuali jika itu memerlukan lebih banyak escape.
Contoh
Bundle yang dimampatkan. Tampal petikan kod minified satu baris untuk membaca apa yang dilakukannya — pemformatan memulihkan inden dan pemisah baris, walaupun nama pemboleh ubah yang pendek kekal pendek.
Gaya pasukan. Padankan dengan tetapan Prettier projek anda, contohnya inden 4 ruang, tanpa koma bertitik dan petikan tunggal.
Soalan lazim
Adakah ia berfungsi dengan JSX dan sintaks moden?
Ya. Mod JavaScript menggunakan penghurai Babel, yang memahami JSX, optional chaining, medan kelas, await peringkat atas dan sintaks semasa yang lain.
Mengapa ia mengatakan terdapat ralat sintaks?
Prettier perlu menghurai kod sebelum dapat memformatnya, jadi ia berhenti pada kod yang bukan JavaScript yang sah. Mesej ralat menunjukkan baris dan lajur yang perlu diperiksa.
Adakah kod yang diformat berkelakuan sama?
Ya. Prettier hanya mengubah ruang kosong, pemisah baris, petikan, kurungan dan koma bertitik dengan cara yang mengekalkan maksud kod.
Adakah kod saya dimuat naik?
Tidak. Prettier berjalan dalam pelayar anda, jadi kod anda kekal pada peranti anda.
Privasi
Alat ini berjalan sepenuhnya dalam pelayar anda. Fail dan teks anda diproses pada peranti anda dan tidak pernah dimuat naik ke pelayan kami.