NARZĘDZIA PROGRAMISTYCZNE

JavaScript Upiększacz

Sformatuj niechlujny JavaScript za pomocą Prettier w przeglądarce. Wybierz parser, szerokość, wcięcie, cudzysłowy, średniki, przecinki końcowe i obsługę kodu osadzonego.

Formater JavaScript

Dane wyjściowe są automatycznie aktualizowane za pomocą Prettier podczas pisania, wklejania, ładowania pliku lub zmiany opcji. Formatowanie odbywa się w tej przeglądarce.

Opcje Prettier
Aktualny format

-

Bajty wyjściowe
Bajty wejściowe
0
Dodano bajty
0
Linie wejściowe
0
Linie wyjściowe
0

Wklej prawidłowy JavaScript, aby zobaczyć automatycznie sformatowane wyjście.

Zapisano na tym urządzeniu

Najnowsze wyniki upiększania pozostają tylko w tej przeglądarce.

No data
Nie zapisano jeszcze wyników upiększania.

Jak bezpiecznie upiększyć JavaScript

Co robi ten formater

formatowanie Prettier

To narzędzie używa Prettier w przeglądarce, więc wklejone fragmenty odpowiadają tym samym regułom formatowania używanym w wielu projektach.

Rzeczywiste opcje Prettier

Użyj parsera, szerokości druku, tabulatorów, średników, cudzysłowów, końcowych przecinków i opcji nawiasów z samego Prettier.

Wtyczki lokalne dla przeglądarki

Wtyczki parsera JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown i YAML są dostarczane lokalnie w celu formatowania przeglądarki.

Typowe błędy

Wybór złego parsera

Jeśli TypeScript lub TSX nie powiedzie się z parserem JavaScript, przełącz parser na TypeScript / TSX.

Spodziewamy się niestandardowych stylów nawiasów

Prettier jest uparty. Nie ujawnia każdego wyboru stylu nawiasów klamrowych lub białych znaków.

Używanie go jako modułu sprawdzania typu

Prettier analizuje i wyświetla kod. Nie sprawdza kodu typu ani nie zastępuje kompilacji projektu.

Wskazówki

Najpierw wklej

Wklej kod lub zmień opcję, a dane wyjściowe zostaną automatycznie zaktualizowane zgodnie z bieżącymi ustawieniami Prettier.

Dopasuj swój projekt

Użyj tej samej szerokości druku, tabulatorów, średników, cudzysłowów i końcowych przecinków, jakich używa Twój projekt.

Zapisz przydatne fragmenty

Zapisz wynik, jeśli chcesz porównać opcje lub ponownie użyć tego samego fragmentu później w tej przeglądarce.