Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Pemformat Kode TypeScript

Pengembang

IKLAN · MENGHAPUS?

MEMASUKKAN

Proses Otomatis

KELUARAN

Sisi klien

IKLAN · MENGHAPUS?

Memandu

Pemformat Kode TypeScript

Proyek TypeScript hidup dan mati oleh pemformatan yang konsisten. Baik tim Anda menggunakan titik koma atau melewatinya, lebih suka tanda kutip tunggal atau ganda, indentasi dua spasi atau empat spasi — pemformat perlu menerapkan aturan tersebut secara konsisten di setiap file. Alat ini memformat kode TypeScript Anda di sisi klien dengan opsi gaya yang dapat dikonfigurasi, sehingga Anda dapat mencocokkan konvensi proyek Anda tanpa menginstal apa pun.

Tempelkan kode .ts atau .tsx Anda, pilih preferensi gaya Anda, dan dapatkan output yang diformat secara instan. Semuanya berjalan di browser Anda — tidak ada kode yang diunggah atau disimpan.

Cara Penggunaan

Tempelkan kode TypeScript Anda ke area input atau coba contoh bawaan. Konfigurasikan gaya pilihan Anda: jenis dan lebar indentasi, titik koma, gaya kutipan, koma trailing, dan lebar cetak. Output yang diformat muncul dengan konvensi yang Anda pilih diterapkan. Salin hasilnya atau unduh sebagai file .ts.

IKLAN · MENGHAPUS?

Fitur

Indentasi yang Dapat Dikonfigurasi – Pilih 2 spasi, 4 spasi, atau tab agar sesuai dengan gaya proyek Anda
Kontrol Titik Koma – Tambah atau hapus titik koma berdasarkan preferensi tim Anda
Gaya Kutipan – Normalisasi ke tanda kutip tunggal atau ganda di semua literal string
Opsi Koma Trailing – Tidak ada, kompatibel dengan ES5, atau semua koma trailing
Lebar Cetak – Atur lebar baris ke 80, 100, atau 120 karakter
Pengurutan Impor – Otomatis mengurutkan secara alfabetis dan mengatur pernyataan impor
Pemformatan Anotasi Tipe – Spasi yang konsisten di sekitar titik dua, generik, dan parameter tipe
Validasi Sintaksis – Mendeteksi kesalahan umum dengan pelaporan nomor baris
Parsing Sadar Konteks – Menghormati string, komentar, dan literal template saat memformat
Hanya Sisi Klien – Kode Anda tidak pernah meninggalkan peramban Anda

Kapan Menggunakan Alat Ini

Gunakan saat Anda perlu dengan cepat memformat ulang cuplikan TypeScript sebelum menempelkannya ke dokumentasi, membersihkan kode dari tutorial atau Stack Overflow, menormalisasi pemformatan sebelum tinjauan kode, atau menerapkan gaya yang konsisten ke kode yang tidak ditulis dengan konvensi proyek Anda. Ini juga berguna untuk mengonversi antar preferensi gaya — beralih dari titik koma ke tanpa titik koma, atau tanda kutip tunggal ke ganda.

 Tanya Jawab Umum

Apa perbedaan antara pemformatan TypeScript dan JavaScript?

TypeScript memperluas JavaScript dengan anotasi tipe, antarmuka, generik, enum, dan fitur sistem tipe lainnya. Pemformat TypeScript perlu menangani semua pemformatan JavaScript standar ditambah sintaks khusus tipe seperti titik dua dalam anotasi tipe (const x: string), kurung sudut dalam generik (Array), deklarasi antarmuka dan alias tipe, dan pemformatan enum. Pemformat JavaScript standar dapat merusak atau mengabaikan konstruksi khusus TypeScript ini.
Haruskah proyek TypeScript menggunakan titik koma atau tidak?

Kedua pendekatan valid dan banyak digunakan. TypeScript (seperti JavaScript) memiliki penyisipan titik koma otomatis (ASI) yang menambahkan titik koma pada waktu parsing, sehingga menghilangkannya berfungsi dalam banyak kasus. Tim yang melewatkan titik koma mengutip kode yang lebih bersih dan lebih sedikit penekanan tombol. Tim yang menyertakannya mengutip kejelasan dan menghindari kasus tepi ASI yang langka. Kuncinya adalah konsistensi — pilih satu gaya dan terapkan di seluruh proyek. Sebagian besar panduan gaya utama (Airbnb, Google) menyertakan titik koma, sementara StandardJS menghilangkannya.
Mengapa urutan impor penting dalam TypeScript?

Pengurutan impor yang konsisten meningkatkan keterbacaan kode dan mengurangi konflik penggabungan. Ketika impor diurutkan secara alfabetis dan dikelompokkan secara logis (paket pihak ketiga terlebih dahulu, kemudian modul internal), pengembang dapat dengan cepat menemukan impor tertentu dan menghindari duplikasi. Impor yang tidak terurut juga menyebabkan perbedaan git yang tidak perlu — dua pengembang yang menambahkan impor di posisi yang berbeda menciptakan konflik penggabungan meskipun perubahan kode aktual identik.
Apa itu koma trailing dan mengapa menggunakannya di TypeScript?

Koma trailing adalah koma yang ditempatkan setelah elemen terakhir dalam array, objek, parameter fungsi, dan parameter tipe. Menggunakan koma trailing menghasilkan perbedaan git yang lebih bersih karena menambahkan item baru hanya mengubah satu baris, bukan dua (baris baru ditambah penambahan koma ke baris terakhir sebelumnya). Mereka juga memudahkan penataan ulang item. ES5 mengizinkan koma trailing dalam array dan objek; ES2017 dan TypeScript mengizinkannya dalam parameter fungsi juga.
Lebar cetak berapa yang harus digunakan proyek TypeScript?

Pilihan yang paling umum adalah 80, 100, dan 120 karakter. 80 karakter adalah standar tradisional, berasal dari batasan lebar terminal, dan tetap menjadi default di Prettier. 100 karakter adalah kompromi modern yang populer yang mengakomodasi anotasi tipe TypeScript yang bertele-tele tanpa pembungkusan yang berlebihan. 120 karakter bekerja dengan baik pada monitor lebar tetapi dapat mengurangi keterbacaan pada layar yang lebih kecil atau dalam tampilan diff berdampingan. Pilih berdasarkan penyiapan layar tipikal tim Anda dan alur kerja tinjauan kode.