О 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.
Все языки, обе вкладки
Во вкладке Preview для каждого parser есть специально подготовленный пример (TS, CSS, HTML, JSON/JSON5/JSONC, Markdown, YAML, Vue, GraphQL и другие), чтобы каждая опция Prettier могла продемонстрировать свой эффект. Во вкладке Your Code parser определяется автоматически по вставленному коду, с возможностью ручного переопределения.
Настоящий редактор кода
Панель ввода работает на CodeMirror 6 с подсветкой синтаксиса, нумерацией строк, отступом табом и темой, следующей за светлым/тёмным режимом.
Конфигурации с возможностью шаринга
Нажмите «Поделиться», и ваша версия, опции, код и парсер упаковываются в хеш URL. Отправьте его куда угодно; всё остаётся в браузере.
Diff в стиле GitHub
Смотрите, что именно меняет Prettier, в едином или разделённом diff, плюс заголовок-сводка +X / −Y, как у pull request.
Счётчик токенов ИИ
Живой подсчёт токенов для ввода и вывода в GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3 и Mistral — удобно для оценки стоимости ИИ-пайплайнов.
Видимые ошибки парсинга
Когда Prettier отклоняет ваш ввод, точный SyntaxError и его строка:колонка появляются над diff, а не проглатываются молча.
Сохраняемый выбор
Ваша версия Prettier и выбор опций сохраняются в localStorage, поэтому перезагрузка — или возвращение завтра — оставляет всё нетронутым.
20 языков
Полностью локализовано на английском, тайском, китайском, испанском, хинди, немецком, французском, португальском, японском, корейском, русском, вьетнамском, индонезийском, итальянском, польском, турецком, украинском, бенгальском, а также арабском и персидском (RTL).
Стек технологий
Открытый исходный код
Этот инструмент полностью бесплатен и с открытым исходным кодом. Всегда приветствуются вклады, отчёты об ошибках и предложения.
Смотреть на GitHubАвтор
Создано
NooobtimeXСоздано с заботой для сообщества разработчиков. Если инструмент полезен, поставьте звезду репозиторию на GitHub.