Расширение для VS Code, которое добавляет в окно редактора анимированных питомцев в стиле пиксель-арт: кота, собаку, змею, резиновую уточку или Clippy.
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
Установите расширение из командной строки
code --install-extension yoavbls.pretty-ts-errors - 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 обновляется ежедневно.
Похожие проекты
Редактор кода Microsoft с открытым исходным кодом, созданный на TypeScript и Electron: редактирование, навигация, отладка и расширения.
Среда выполнения JavaScript, TypeScript и WebAssembly с безопасными настройками по умолчанию, построенная на V8, Rust и Tokio.
Библиотека для управления асинхронным состоянием и загрузки данных в веб-приложениях с поддержкой React, Vue, Svelte и Solid.
Headless-редактор форматированного текста на базе ProseMirror, не привязанный к фреймворку и расширяемый множеством расширений.
Открытые библиотеки для React и Svelte, позволяющие создавать интерактивные интерфейсы на основе узлов: блок-схемы, графы и редакторы рабочих процессов.