Pemformat JavaScript

Format JavaScript, JSX, TypeScript, dan TSX tanpa menjalankan kode.

Frontend & Desain
Menyiapkan ruang kerja Anda…
Input
Output
Hasil Anda akan muncul di sini.

Cara menggunakan

  1. Tempel teks, buka file UTF-8, atau coba sampel.
  2. Pilih masukan dan pengaturan, lalu jalankan alat atau aktifkan proses otomatis.
  3. Tinjau hasil, lalu salin atau unduh. Perubahan masukan membuat hasil sebelumnya tidak berlaku.

Pemformat JavaScript

Format JavaScript, JSX, TypeScript, dan TSX tanpa menjalankan kode.

Pemrosesan berjalan di browser. Masukan Anda tidak dikirim ke DevToolsy.

Cara kerja

Prettier mengurai dan memformat kode dengan spasi serta indentasi konsisten. Pilih JavaScript / JSX atau TypeScript / TSX. Kesalahan sintaks menampilkan posisi sumber.

Sebelum dan sesudah
Input
const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}
Output
const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

Format JavaScript, JSX, TypeScript, dan TSX tanpa menjalankan kode.

Opsi dan ketepatan data

Atur indentasi, lebar, tanda petik, dan titik koma. Ini bukan compiler, linter, atau minifier; kode tidak dijalankan dan import tidak di-resolve.

Menggunakan hasil

Berhasil hanya berarti sintaks diterima parser. Gunakan compiler, linter, dan pengujian proyek untuk tipe, import, serta perilaku runtime.

Tinjau hasil, lalu salin atau unduh. Perubahan masukan membuat hasil sebelumnya tidak berlaku.

Batas pemrosesan

Masukan UTF-8 maksimal 1 MiB per dokumen, keluaran 8 MiB. JSONPath dan Schema: 5 detik; alat lain: 30 detik.

Bacaan lanjutanPrettier options
?

Pertanyaan umum

Bahasa apa yang didukung?

Prettier mengurai dan memformat kode dengan spasi serta indentasi konsisten. Pilih JavaScript / JSX atau TypeScript / TSX. Kesalahan sintaks menampilkan posisi sumber.

Bisakah mengatur petik dan titik koma?

Atur indentasi, lebar, tanda petik, dan titik koma. Ini bukan compiler, linter, atau minifier; kode tidak dijalankan dan import tidak di-resolve.

Apakah tipe atau logika diperiksa?

Tidak. Berhasil hanya berarti sintaks diterima parser. Gunakan compiler, linter, dan pengujian proyek untuk tipe, import, serta perilaku runtime.

Apakah masukan diunggah?

Pemrosesan berjalan di browser. Masukan Anda tidak dikirim ke DevToolsy.

Bisakah membuka berkas lokal?

Masukan UTF-8 hingga 1 MiB · keluaran hingga 8 MiB

Temukan alat berikutnya

Bahasa

Ganti bahasa? Pekerjaan saat ini akan dihapus. Salin atau unduh data yang ingin disimpan terlebih dahulu.