TypeScript Formatter & Minifier
Rapikan TypeScript dengan Prettier, atau padatkan (minify). Tool ini merapikan (beautify) sekaligus memadatkan (minify) TypeScript dalam satu halaman — tempel kode, pilih mode, lalu klik. Semua diproses di perangkat Anda tanpa dikirim ke server.
Semua proses berjalan di browser Anda. Kode tidak pernah dikirim ke server kami.
Contoh
Contoh Input
type A={a:number;b:string}Contoh Output
type A = { a: number; b: string };Cara Penggunaan
- 1Pilih mode Format atau Minify di bagian atas.
- 2Tempel kode TypeScript Anda pada kolom Input.
- 3Jika perlu, atur lebar indentasi di "Pengaturan Lainnya".
- 4Klik tombol (atau tekan Ctrl+Enter) untuk memproses. Hasilnya muncul di kolom Hasil.
- 5Klik Salin untuk menyalin hasilnya.
Tentang TypeScript Formatter
TypeScript Formatter merapikan kode TS menggunakan Prettier, memahami anotasi tipe, interface, generic, dan fitur TS lainnya, atau memadatkannya untuk produksi.
Cara kerjanya: Format menjalankan Prettier dengan parser TypeScript yang mem-parse kode (termasuk tipe) menjadi AST lalu mencetak ulang secara konsisten. Minify menghapus komentar dan whitespace.
TypeScript memformat menjaga gaya konsisten pada basis kode bertipe, terutama berguna pada deklarasi tipe panjang dan generic yang kompleks.
Pertanyaan Umum (FAQ)
Apakah TypeScript ini bisa format sekaligus minify?
Ya. Satu halaman dengan toggle — mode Format untuk merapikan (beautify) dengan indentasi, dan mode Minify untuk memadatkannya. Tidak perlu dua halaman terpisah.
Apakah kode saya dikirim ke server?
Tidak. TypeScript diproses sepenuhnya di browser Anda menggunakan JavaScript/WebAssembly. Kode Anda tidak pernah meninggalkan perangkat Anda.