Repolode
Enviar
yoavbls

yoavbls/pretty-ts-errors

Extensión de VSCode que reformatea los mensajes de error de TypeScript para mostrar tipos legibles, con resaltado de sintaxis y enlaces a documentación y explicaciones.

Ver en GitHubSitio web
Estrellas
14,096
Forks
113
Issues abiertos
21
Último commit
hace 3 días

¿Qué es?

Los mensajes de error de TypeScript se vuelven difíciles de leer cuando los tipos son complejos: suelen incluir paréntesis anidados, fragmentos truncados y marcadores de posición como «...». Pretty TS Errors es una extensión de VSCode que reformatea estos mensajes para que sea más fácil revisar y entender los tipos.

La extensión resalta los tipos en los mensajes de error con los colores del tema que tengas activo, tanto en modo claro como oscuro. Junto a cada tipo añade un botón para ir a la declaración correspondiente y otros botones para abrir una explicación detallada en typescript.tv o una traducción en lenguaje sencillo en ts-error-translator.

Funciona con errores de Node y Deno en archivos .ts, errores de tipos de JSDoc en archivos .js y .jsx, React, Solid y Qwik en archivos .tsx y .mdx, archivos de Astro, Svelte y Vue cuando TypeScript está habilitado, y plantillas de Ember y Glimmer con errores reportados por Glint.

Funciones clave

  • 01Resalta la sintaxis de los tipos en los mensajes de error con los colores del tema
  • 02Incluye junto a cada tipo un botón para ir a la declaración correspondiente
  • 03Incluye enlaces a typescript.tv con explicaciones detalladas de los errores
  • 04Incluye un enlace a ts-error-translator con descripciones de los errores en lenguaje sencillo
  • 05Admite errores de TypeScript en archivos .ts, .tsx, .js, Astro, Svelte, Vue y Glimmer

Casos de uso

  • Depurar tipos genéricos o utilitarios complejos cuyos errores son difíciles de leer
  • Aprender TypeScript entendiendo qué está señalando el compilador
  • Trabajar en proyectos de React, Vue, Svelte o Astro con comprobación de tipos intensiva

Inicio rápido

  1. 1

    Instala la extensión desde la línea de comandos

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

    O busca pretty-ts-errors en VSCode Marketplace

Antes de usarlo

  • Solo funciona dentro de VSCode (y Cursor). La compatibilidad con JetBrains se ha solicitado, pero aún no está disponible.
  • Para poder copiar los tipos, hace falta una solución manual que oculta los errores originales.

Temas

#typescript#vscode#vscode-extension#developer-experience#error-handling#editor#astro#deno#errors#svelte

Preguntas frecuentes

¿Qué es pretty-ts-errors?
Extensión de VSCode que reformatea los mensajes de error de TypeScript para mostrar tipos legibles, con resaltado de sintaxis y enlaces a documentación y explicaciones. Los mensajes de error de TypeScript se vuelven difíciles de leer cuando los tipos son complejos: suelen incluir paréntesis anidados, fragmentos truncados y marcadores de posición como «...». Pretty TS Errors es una extensión de VSCode que reformatea estos mensajes para que sea más fácil revisar y entender los tipos.
¿pretty-ts-errors es gratuito? ¿Qué licencia tiene?
pretty-ts-errors es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿pretty-ts-errors sigue mantenido?
Mantenimiento activo. El último commit de pretty-ts-errors fue el 18 oct 2026.
¿Para qué puedo usar pretty-ts-errors?
Depurar tipos genéricos o utilitarios complejos cuyos errores son difíciles de leer Aprender TypeScript entendiendo qué está señalando el compilador Trabajar en proyectos de React, Vue, Svelte o Astro con comprobación de tipos intensiva
¿Cómo se instala pretty-ts-errors?
Instala la extensión desde la línea de comandos: code --install-extension yoavbls.pretty-ts-errors O busca pretty-ts-errors en VSCode Marketplace
¿Dónde consigo pretty-ts-errors?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/yoavbls/pretty-ts-errors

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados