Prettier Config

Prettier Config

O nas

O Prettier Config

Bezpłatne, open source narzędzie zbudowane, aby pomóc deweloperom skonfigurować Prettier bez konieczności czytania dokumentacji każdej opcji.

Czym jest to narzędzie?

Prettier Config Generator to interaktywna aplikacja webowa, która sprawia, że konfiguracja Prettier staje się bezproblemowa. Zamiast ręcznie pisać JSON i szukać każdej opcji w dokumentacji, możesz wizualnie przełączać i dostosowywać każde ustawienie Prettier, formatować prawdziwy kod względem swojej konfiguracji w 16 językach i udostępnić wynik jednym linkiem. Powstało dla deweloperów, którzy chcą spędzać czas na pisaniu kodu, a nie konfigurowaniu narzędzi.

Funkcje

Wczytaj istniejącą konfigurację

Wklej istniejący plik .prettierrc, prettier.config.js lub klucz prettier z package.json — formularz wypełni się odpowiednio. Dostosuj, udostępnij lub skopiuj, zachowując wszystkie klucze.

Każda wersja Prettier

Wybierz dowolne wydanie Prettier 3.x (3.0 – 3.6 i latest). Dokładne opcje danej wersji ładują się na żądanie z jsDelivr.

Wszystkie języki, obie zakładki

Podgląd dostarcza dedykowaną próbkę dla każdego parsera (TS, CSS, HTML, JSON/JSON5/JSONC, Markdown, YAML, Vue, GraphQL i więcej), więc każda opcja Prettier ma gdzie pokazać swój efekt. Twój kod automatycznie wykrywa parser z wklejonej zawartości, z możliwością ręcznego nadpisania.

Prawdziwy edytor kodu

CodeMirror 6 napędza panel wejściowy z podświetlaniem składni, numerami wierszy, wcięciami tabulatorem i motywem dopasowanym do trybu jasnego/ciemnego.

Udostępniane konfiguracje

Kliknij Udostępnij, a Twoja wersja, opcje, kod i parser zostają spakowane w hash URL. Wyślij gdziekolwiek; wszystko pozostaje w przeglądarce.

Porównanie w stylu GitHub

Zobacz dokładnie, co Prettier zmienia, dzięki ujednoliconemu lub podzielonemu widokowi różnic oraz nagłówkowi z podsumowaniem +X / −Y jak w pull request.

Licznik tokenów AI

Na żywo liczba tokenów dla wejścia i wyjścia w GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3 i Mistral — przydatne do szacowania kosztów potoków AI.

Widoczne błędy parsowania

Gdy Prettier odrzuca Twoje wejście, dokładny SyntaxError i jego wiersz:kolumna pojawiają się nad porównaniem zamiast być po cichu połknięte.

Trwałe wybory

Twoja wersja Prettier i wybrane opcje są zapisywane w localStorage, więc odświeżenie — lub powrót jutro — zachowuje wszystko w nienaruszonym stanie.

20 języków

W pełni zlokalizowane w angielskim, tajskim, chińskim, hiszpańskim, hindi, niemieckim, francuskim, portugalskim, japońskim, koreańskim, rosyjskim, wietnamskim, indonezyjskim, włoskim, polskim, tureckim, ukraińskim, bengalskim, a także arabskim i perskim (RTL).

Zbudowane z

Next.js 16React 19TypeScriptTailwind CSS v4shadcn/uinext-intlCodeMirror 6prettier/standalone (CDN)lz-string

Open Source

To narzędzie jest całkowicie darmowe i open source. Wkład, zgłoszenia błędów i sugestie są zawsze mile widziane.

Zobacz na GitHub

Twórca

Stworzone przez

NooobtimeX

Zbudowane z troską o społeczność deweloperów. Jeśli uważasz to narzędzie za przydatne, rozważ oznaczenie repozytorium gwiazdką na GitHub.