Ne işe yarar?
Küçültülmüş veya yalnızca tutarsız biçimlendirilmiş kodu yapıştırın; Prettier’ın editörünüzde yapacağı biçimde düzenlenmiş hâlini geri alın. Düz JavaScript’i Terser ile sıkıştırmak için Küçült moduna geçin. Çıktı siz yazarken güncellenir.
Özellikler
- JavaScript, TypeScript, JSX ve TSX; isteğe bağlı zincirleme, dekoratörler, generic’ler,
satisfies,import typeve React bileşenleri gibi modern söz dizimi dâhil. - Geliştiricilerin gerçekten değiştirdiği Prettier seçenekleri: 2 boşluk, 4 boşluk veya sekme, satır genişliği, tek veya çift tırnak, noktalı virgül açık ya da kapalı ve sondaki virgüller (tümü, ES5 veya hiçbiri).
- Terser ile küçültme: ad kısaltma ve sıkıştırma ayrı ayrı açılıp kapatılabilir,
/*! ... */ve@licenseyorumları korunur, ES modülleri (import/export) otomatik algılanır. - Kesin söz dizimi hataları: satır ve sütun, işaretli bir kod parçası ve Hataya git düğmesi. JS seçiliyken TypeScript yapıştırırsanız araç bunu belirtir.
- Önceki ve sonraki boyut, satır sayıları ve süre. Bir
.ts,.tsxveya.jsxdosyası açtığınızda dil otomatik seçilir.
Nasıl kullanılır?
- Kodu yapıştırın, bir dosya açın veya girdi alanına bırakın. Örnek, seçili dil için bir örnek yükler.
- Dili seçin, ardından Biçimlendir veya Küçült seçeneğini belirleyin.
- Sonucu kopyalayın veya indirin. Ctrl+Enter hemen çalıştırır.
Küçültme yalnızca düz JavaScript ile çalışır. Terser’ın TypeScript veya JSX ayrıştırıcısı yoktur ve TypeScript’i doğrudan küçülten bir tarayıcı sürümü bulunmaz; bu nedenle TS, JSX ve TSX kodunun önce JavaScript’e derlenmesi gerekir (örneğin tsc, esbuild veya Babel ile). Bu kodları burada her zaman güzelleştirebilirsiniz. TypeScript ayrıştırıcısı yalnızca TS veya TSX seçtiğinizde, Terser ise yalnızca ilk küçültmede indirilir.
Gizlilik
Kodunuz tarayıcınızda biçimlendirilir ve küçültülür; CDN’den yalnızca sabitlenmiş Prettier ve Terser dosyaları indirilir. Hiçbir şey yüklenmez. Sayfa yenilendiğinde kaybolmaması için son girdiniz yerel depolamada tutulur.