Softonic

Generator konfiguracji Prettier

Krok 1 / 2
Dalej

Wybierz wartości dziesięciu popularnych opcji Prettier i skopiuj wynikową konfigurację. Generator tworzy JSON, YAML lub JavaScript CommonJS. Nie skanuje projektu, nie sprawdza konfiguracji za pomocą Prettier i nie dodaje wtyczek ani overrides.

Jak utworzyć konfigurację

  1. 1

    Ustaw układ

    Wybierz szerokość wiersza i tabulatora, tabulatory lub spacje, średniki oraz rodzaj cudzysłowów.

  2. 2

    Ustaw składnię

    Wybierz przecinki końcowe, odstępy w nawiasach klamrowych, nawiasy funkcji strzałkowych, końce wierszy i cudzysłowy JSX.

  3. 3

    Wybierz format

    Utwórz .prettierrc.json, .prettierrc.yaml lub CommonJS .prettierrc.js z module.exports.

  4. 4

    Skopiuj i sprawdź

    Zapisz wynik w projekcie i uruchom npx prettier --check . za pomocą zainstalowanej wersji.

Dostępne opcje

Opcja Dostępne wartości
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true lub false
singleQuote true lub false
trailingComma none, es5 lub all
arrowParens always lub avoid
endOfLine lf, crlf, cr lub auto

Liczby są ograniczane do podanych zakresów. Pozostałe pola oferują wyłącznie wymienione wartości. To przydatne, popularne ustawienia, a nie wszystkie opcje obsługiwane przez Prettier.

Formaty wyjściowe

  • JSON tworzy obiekt do .prettierrc.json.
  • YAML tworzy pary klucz-wartość do .prettierrc.yaml.
  • JavaScript umieszcza ten sam obiekt w module.exports = { ... }; dla CommonJS .prettierrc.js.

Prettier obsługuje również inne nazwy plików i formaty modułów. To narzędzie tworzy tylko trzy pokazane warianty i nie uruchamia Prettier. Sprawdź plik wersją zainstalowaną w projekcie.

Przetwarzanie danych

Elementy sterujące są polami serwera, więc ich wartości trafiają do serwera podczas aktualizacji. W widoku dwuetapowym mogą też znaleźć się w adresie URL. Konfiguracja Prettier zwykle nie zawiera sekretów, ale nie wpisuj danych poufnych ani nie udostępniaj zawierającego je adresu.

Najczęściej zadawane pytania

Nie. Tworzy dziesięć opcji widocznych w formularzu. Inne ustawienia dodaj ręcznie po sprawdzeniu dokumentacji swojej wersji.

Nie. Narzędzie tworzy tylko tekst konfiguracji. Zapisz plik i uruchom npx prettier --check . w projekcie.

Nie. Wynikiem jest jeden płaski obiekt; takie ustawienia dodaj samodzielnie.

To format CommonJS generowany przez narzędzie. Dla modułu ES dostosuj eksport i nazwę pliku.

Powiązane narzędzia

Tabela ASCII

Pełna tabela ASCII od 0 do 127 z zapisem dziesiętnym, szesnastkowym, ósemkowym i binarnym oraz notacją numerycznych odwołań HTML, w tym kodami sterującymi NUL, LF i DEL.

Referencja znaków HTML

Przeszukiwalna lista encji HTML wraz z ich kodami nazwanymi i liczbowymi oraz kopiowaniem jednym kliknięciem specjalnych znaków i symboli.

Skróty klawiaturowe

Wyszukuj udokumentowane skróty domyślne VS Code, Chrome i Bash z GNU Readline w macOS, Windows i Linux.

Generator EditorConfig

Wygeneruj plik .editorconfig z własnymi regułami stylu i rozmiaru wcięć, końca linii, kodowania i białych znaków, aby uzyskać spójne formatowanie w różnych IDE i edytorach.

Walidator adresów e-mail

Zweryfikuj adres e-mail: sprawdzenie składni RFC 5322, sprawdzenie rekordu MX w czasie rzeczywistym oraz szczegóły dotyczące części lokalnej, domeny i długości. Żadna wiadomość nie jest wysyłana.

Formatowanie HTML

Formatuj HTML lokalnie w przeglądarce, używając wcięć dwóch lub czterech spacji. HTML nie jest wysyłany ani walidowany.

Narzędzie jest dostępne w innych językach