Jak używać
- Wklej kod albo kliknij Wczytaj przykład.
- Wybierz JavaScript, TypeScript lub JSON i ustaw wcięcie, szerokość wiersza, średniki oraz styl cudzysłowów.
- Kliknij Formatuj albo naciśnij Ctrl+Enter, a na Macu ⌘+Enter.
- Skopiuj sformatowany kod.
Opis opcji
- Wcięcie
- Dwie spacje to domyślny i najczęstszy styl Prettiera w projektach JavaScript. Wcięcie tabulatorem używa znaków tabulacji.
- Szerokość wiersza
- Prettier zawija wyrażenia, które przekroczyłyby podaną liczbę znaków. Domyślnie jest to 80.
- Średniki
- Wyłącz, aby pomijać średniki na końcu instrukcji. Prettier nadal dodaje je tam, gdzie ich brak zmieniłby znaczenie.
- Pojedyncze cudzysłowy
- Używa pojedynczych zamiast podwójnych cudzysłowów dla tekstów, chyba że wymagałoby to większej liczby znaków ucieczki.
Przykłady
Sformatuj jednowierszowy bundle, aby odczytać jego strukturę. Ustawienia zespołu możesz dopasować do projektu, na przykład cztery spacje, brak średników i pojedyncze cudzysłowy.
Najczęściej zadawane pytania
Czy działa z JSX i nowoczesną składnią?
Tak. Tryb JavaScript używa parsera Babel, który rozumie JSX, optional chaining, pola klas, top-level await i inną współczesną składnię.
Dlaczego pojawia się błąd składni?
Prettier musi najpierw sparsować kod, więc zatrzymuje się na niepoprawnym JavaScripcie. Komunikat pokazuje wiersz i kolumnę do sprawdzenia.
Czy sformatowany kod będzie działał tak samo?
Tak. Prettier zmienia tylko białe znaki, łamanie wierszy, cudzysłowy, nawiasy i średniki w sposób zachowujący znaczenie.
Czy kod jest wysyłany?
Nie. Prettier działa w przeglądarce.
Prywatność
To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.