Langsung ke konten
ToolMug

Format JavaScript (JS Beautifier)

Tempel JavaScript yang ter-minify atau berantakan untuk merapikannya menjadi kode dengan format yang konsisten. Didukung Prettier, formatter yang dipakai sebagian besar proyek JavaScript, dengan dukungan TypeScript dan JSON di tempat yang sama.

Berjalan di browser Anda — tidak ada yang Anda masukkan yang diunggah

Cara menggunakan

  1. Tempel kode Anda, atau klik Muat contoh untuk mencobanya.
  2. Pilih JavaScript, TypeScript, atau JSON, lalu atur indentasi, lebar baris, titik koma, dan gaya tanda kutip.
  3. Klik Format, atau tekan Ctrl+Enter (⌘+Enter di Mac).
  4. Salin kode yang sudah diformat.

Penjelasan opsi

Indentasi
2 spasi adalah bawaan Prettier dan gaya paling umum di proyek JavaScript. Tab membuat indentasi dengan karakter tab.
Lebar baris
Prettier memindahkan ke baris baru ekspresi yang akan melebihi jumlah karakter ini. Bawaannya 80.
Titik koma
Matikan untuk menghilangkan titik koma di akhir pernyataan. Prettier tetap menambahkannya di tempat yang maknanya akan berubah jika titik koma dihilangkan.
Tanda kutip tunggal
Memakai tanda kutip 'tunggal' alih-alih "ganda" untuk string, kecuali jika itu membutuhkan lebih banyak escape.

Contoh

Bundle yang ter-minify. Tempel potongan kode satu baris yang ter-minify untuk membaca apa yang dilakukannya — pemformatan mengembalikan indentasi dan jeda baris, meskipun nama variabel yang pendek tetap pendek.

Gaya tim. Samakan dengan pengaturan Prettier proyek Anda, misalnya indentasi 4 spasi, tanpa titik koma, dan tanda kutip tunggal.

Pertanyaan yang sering diajukan

Apakah bisa untuk JSX dan sintaks modern?

Bisa. Mode JavaScript memakai parser Babel, yang memahami JSX, optional chaining, class field, top-level await, dan sintaks terkini lainnya.

Mengapa muncul pesan kesalahan sintaks?

Prettier harus mem-parse kode sebelum bisa memformatnya, jadi prosesnya berhenti pada kode yang bukan JavaScript valid. Pesannya menunjukkan baris dan kolom yang perlu diperiksa.

Apakah kode yang diformat tetap berperilaku sama?

Ya. Prettier hanya mengubah spasi, jeda baris, tanda kutip, tanda kurung, dan titik koma dengan cara yang tidak mengubah makna kode.

Apakah kode saya diunggah?

Tidak. Prettier berjalan di browser Anda, jadi kode Anda tetap di perangkat Anda.

Privasi

Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.

Alat terkait