Jak to działa
Ponownie wcina i porządkuje zminifikowany, skompresowany lub źle wyrównany kod JavaScript lub TypeScript, aby był czytelny i spójny. Przydatne do inspekcji bundle'a, przeglądania cudzego fragmentu lub ujednolicenia stylu przed wklejeniem do projektu.
Możesz wybrać typ wcięcia (spacje lub tabulatory), rozmiar wcięcia i koniec wiersza (LF lub CRLF). Formater szanuje strukturę kodu i dodaje spójne podziały wierszy oraz wcięcia bez zmiany logiki.
Całe przetwarzanie odbywa się w przeglądarce za pomocą js-beautify: kod nie jest wysyłany na żaden serwer. Formatuje tylko wygląd wizualny; nie minifikuje, nie transpiluje ani nie waliduje dogłębnie składni.
Przykłady
function sum(a,b){return a+b}
const r=sum(1,2);console.log(r)function sum(a, b) {
return a + b
}
const r = sum(1, 2);
console.log(r);Z wcięciem 4 spacji: instrukcje są rozdzielone, a nawiasy klamrowe wyrównane.Przypadki użycia
- Uczynić czytelnym zminifikowany plik .js, aby zrozumieć, co robi.
- Ujednolicić styl wcięć fragmentu przed dodaniem go do projektu.
- Przeglądać i porównywać kod innych firm w spójnym formacie.
- Oczyścić TypeScript wklejony z dokumentacji lub odpowiedzi AI.
Najczęstsze pytania
Czy działa z TypeScriptem oprócz JavaScriptu?
Tak. Narzędzie formatuje składnię JavaScriptu i TypeScriptu, w tym adnotacje typów, interfejsy i typy generyczne. Nie transpiluje TypeScriptu do JavaScriptu: tylko przestawia tekst.
Czy formatowanie zmienia zachowanie kodu?
Nie. Zmienia tylko spacje, wcięcia i podziały wierszy. Logika i identyfikatory pozostają nienaruszone; kod działa dokładnie tak samo jak wcześniej.
Czy to to samo co minifikacja?
Nie, to coś przeciwnego. Formatowanie dodaje spacje i podziały wierszy, aby był czytelny; minifikacja je usuwa, aby zmniejszyć rozmiar. Jeśli chcesz skompresować, użyj narzędzia do minifikacji.
Czy mój kod jest wysyłany na serwer?
Nie. Formatowanie odbywa się w całości w przeglądarce; kod nigdy nie opuszcza Twojego komputera.