Prettier Config

Prettier Config

Про нас

Про Prettier Config

Безкоштовний інструмент з відкритим кодом, створений, щоб допомогти розробникам налаштовувати Prettier без необхідності читати документацію для кожної окремої опції.

Що це за інструмент?

Prettier Config Generator — це інтерактивна вебзастосунок, який робить налаштування Prettier безпроблемним. Замість ручного написання JSON та пошуку кожної опції в документації, ви можете візуально перемикати та налаштовувати кожне налаштування Prettier, форматувати реальний код проти вашої конфігурації у 16 мовах і поділитися результатом одним посиланням. Його створено для розробників, які хочуть витрачати час на написання коду, а не на налаштування інструментів.

Можливості

Імпорт існуючої конфігурації

Вставте існуючий .prettierrc, prettier.config.js або ключ prettier з package.json — форма заповниться відповідно. Налаштуйте, поділіться або скопіюйте назад — усі ключі збережено.

Кожна версія Prettier

Виберіть будь-який реліз Prettier 3.x (3.0 – 3.6 та latest). Точні опції для цієї версії завантажуються на вимогу з jsDelivr.

Усі мови, обидві вкладки

Перегляд містить спеціально створений зразок для кожного парсера (TS, CSS, HTML, JSON/JSON5/JSONC, Markdown, YAML, Vue, GraphQL та інші), тому кожна опція Prettier має де продемонструвати свій ефект. Ваш код автоматично визначає парсер з вашої вставки з можливістю ручного перевизначення.

Справжній редактор коду

CodeMirror 6 живить панель введення з підсвічуванням синтаксису, номерами рядків, відступами табуляцією та темою, що відповідає світлому/темному режиму.

Конфігурації, якими можна поділитися

Натисніть Поділитися, і ваша версія, опції, код і парсер пакуються у хеш URL. Надішліть будь-куди; усе залишається в браузері.

Порівняння у стилі GitHub

Побачте точно, що змінює Prettier, з об'єднаним або розділеним порівнянням, плюс підсумковий заголовок +X / −Y, як у pull request.

Лічильник AI-токенів

Живий підрахунок токенів для вхідних і вихідних даних у GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3 та Mistral — зручно для оцінки вартості AI-пайплайнів.

Помітні помилки парсингу

Коли Prettier відхиляє ваш ввід, точний SyntaxError та його рядок:стовпець з'являються над порівнянням, замість того щоб бути тихо проігнорованими.

Стійкі налаштування

Ваша версія Prettier та обрані опції зберігаються в localStorage, тому оновлення — або повернення завтра — зберігає все недоторканим.

20 мов

Повністю локалізовано англійською, тайською, китайською, іспанською, гінді, німецькою, французькою, португальською, японською, корейською, російською, в'єтнамською, індонезійською, італійською, польською, турецькою, українською, бенгальською, а також арабською та перською (RTL).

Створено за допомогою

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

Відкритий код

Цей інструмент повністю безкоштовний і з відкритим кодом. Внески, звіти про помилки та пропозиції завжди вітаються.

Переглянути на GitHub

Творець

Створено

NooobtimeX

Створено з турботою про спільноту розробників. Якщо вам стане в нагоді цей інструмент, поставте зірочку репозиторію на GitHub.