Repolode
yoavbls

yoavbls/pretty-ts-errors

Расширение для VSCode, которое делает сообщения об ошибках TypeScript понятнее: форматирует типы, подсвечивает синтаксис и добавляет ссылки на документацию и пояснения.

Звёзды
14,096
Форки
113
Открытые issues
21
Последний коммит
3 дня назад

Что это?

Сообщения об ошибках TypeScript сложно читать, когда типы становятся сложными: в них часто встречаются вложенные скобки, обрезанные фрагменты и маркеры-заполнители вроде «...». Pretty TS Errors — расширение для VSCode, которое переписывает эти сообщения, чтобы типы было проще просматривать и понимать.

Расширение подсвечивает типы в сообщениях об ошибках цветами текущей темы — как в светлом, так и в тёмном режиме. Рядом с каждым типом появляется кнопка перехода к соответствующему объявлению типа, а также кнопки для просмотра подробного объяснения на typescript.tv или перевода на понятный язык на ts-error-translator.

Расширение работает с ошибками Node и Deno в файлах .ts, ошибками типов JSDoc в файлах .js и .jsx, а также с React, Solid и Qwik в файлах .tsx и .mdx. Оно поддерживает файлы Astro, Svelte и Vue, если включён TypeScript, а также шаблоны Ember и Glimmer, об ошибках в которых сообщает Glint.

Ключевые возможности

  • 01Подсвечивает синтаксис типов в сообщениях об ошибках цветами вашей темы
  • 02Добавляет рядом с каждым типом кнопку перехода к соответствующему объявлению
  • 03Добавляет ссылки на typescript.tv с подробными объяснениями ошибок
  • 04Добавляет ссылку на ts-error-translator с описанием ошибок понятным языком
  • 05Поддерживает ошибки TypeScript в файлах .ts, .tsx, .js, Astro, Svelte, Vue и Glimmer

Сценарии использования

  • Отладка сложных generic-типов и utility types, ошибки в которых трудно читать
  • Изучение TypeScript через понимание сообщений компилятора
  • Работа над проектами на React, Vue, Svelte или Astro с интенсивной проверкой типов

Быстрый старт

  1. 1

    Установите расширение из командной строки

    code --install-extension yoavbls.pretty-ts-errors
  2. 2

    Или найдите pretty-ts-errors в VSCode Marketplace

Что важно знать

  • Работает только внутри VSCode (и Cursor). Поддержка JetBrains запрошена, но пока недоступна.
  • Чтобы копировать типы, нужен ручной обходной способ, который скрывает исходные ошибки.

Темы

Частые вопросы

Что такое pretty-ts-errors?
Расширение для VSCode, которое делает сообщения об ошибках TypeScript понятнее: форматирует типы, подсвечивает синтаксис и добавляет ссылки на документацию и пояснения. Сообщения об ошибках TypeScript сложно читать, когда типы становятся сложными: в них часто встречаются вложенные скобки, обрезанные фрагменты и маркеры-заполнители вроде «...». Pretty TS Errors — расширение для VSCode, которое переписывает эти сообщения, чтобы типы было проще просматривать и понимать.
pretty-ts-errors можно использовать бесплатно? Какая у него лицензия?
pretty-ts-errors распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
pretty-ts-errors всё ещё поддерживается?
Активно поддерживается. Последний коммит в pretty-ts-errors — 18 окт. 2026 г..
Для чего можно использовать pretty-ts-errors?
Отладка сложных generic-типов и utility types, ошибки в которых трудно читать Изучение TypeScript через понимание сообщений компилятора Работа над проектами на React, Vue, Svelte или Astro с интенсивной проверкой типов
Как установить pretty-ts-errors?
Установите расширение из командной строки: code --install-extension yoavbls.pretty-ts-errors Или найдите pretty-ts-errors в VSCode Marketplace
Где скачать pretty-ts-errors?
Исходный код и инструкции по установке — на GitHub: https://github.com/yoavbls/pretty-ts-errors

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Открытые библиотеки для React и Svelte, позволяющие создавать интерактивные интерфейсы на основе узлов: блок-схемы, графы и редакторы рабочих процессов.

38,7 тыс.2,6 тыс.TypeScriptMITОбновлён 16 часов назад