Repolode
Enviar
yoavbls

yoavbls/pretty-ts-errors

Extensão do VSCode que reformata mensagens de erro do TypeScript em tipos legíveis, com destaque de sintaxe, links para documentação e explicações.

Ver no GitHubSite
Estrelas
14,096
Forks
113
Issues abertas
21
Último commit
há 3 dias

O que é?

As mensagens de erro do TypeScript ficam difíceis de ler à medida que os tipos se tornam complexos, muitas vezes cheias de parênteses aninhados, trechos truncados e marcadores de placeholder como "...". Pretty TS Errors é uma extensão do VSCode que reescreve essas mensagens para facilitar a leitura e a compreensão dos tipos.

A extensão destaca os tipos nas mensagens de erro usando as cores do tema atual, tanto no modo claro quanto no escuro. Ao lado de cada tipo, ela adiciona um botão que leva à declaração correspondente e botões que abrem uma explicação detalhada em typescript.tv ou uma tradução em linguagem simples no ts-error-translator.

Funciona com erros do Node e do Deno em arquivos .ts, erros de tipos JSDoc em arquivos .js e .jsx, React, Solid e Qwik em arquivos .tsx e .mdx, arquivos Astro, Svelte e Vue quando o TypeScript está habilitado, além de templates Ember e Glimmer reportados pelo Glint.

Recursos principais

  • 01Destaca a sintaxe dos tipos nas mensagens de erro usando as cores do seu tema
  • 02Botão ao lado de cada tipo para ir à declaração correspondente
  • 03Links para typescript.tv com explicações detalhadas dos erros
  • 04Link para ts-error-translator com descrições dos erros em linguagem simples
  • 05Compatibilidade com erros do TypeScript em arquivos .ts, .tsx, .js, Astro, Svelte, Vue e Glimmer

Casos de uso

  • Depurar tipos genéricos ou utilitários complexos cujos erros são difíceis de ler
  • Aprender TypeScript entendendo do que o compilador está reclamando
  • Trabalhar em projetos React, Vue, Svelte ou Astro com verificações de tipos rigorosas

Início rápido

  1. 1

    Instale a extensão pela linha de comando

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

    Ou pesquise por pretty-ts-errors no VSCode Marketplace

Antes de usar

  • Funciona apenas dentro do VSCode (e do Cursor). O suporte ao JetBrains foi solicitado, mas ainda não está disponível.
  • Para copiar os tipos, é necessário usar uma solução manual que oculta os erros originais.

Tópicos

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

Perguntas frequentes

O que é pretty-ts-errors?
Extensão do VSCode que reformata mensagens de erro do TypeScript em tipos legíveis, com destaque de sintaxe, links para documentação e explicações. As mensagens de erro do TypeScript ficam difíceis de ler à medida que os tipos se tornam complexos, muitas vezes cheias de parênteses aninhados, trechos truncados e marcadores de placeholder como "...". Pretty TS Errors é uma extensão do VSCode que reescreve essas mensagens para facilitar a leitura e a compreensão dos tipos.
pretty-ts-errors é gratuito? Qual é a licença?
pretty-ts-errors é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
pretty-ts-errors ainda é mantido?
Manutenção ativa. O último commit de pretty-ts-errors foi em 18 de out. de 2026.
Para que posso usar pretty-ts-errors?
Depurar tipos genéricos ou utilitários complexos cujos erros são difíceis de ler Aprender TypeScript entendendo do que o compilador está reclamando Trabalhar em projetos React, Vue, Svelte ou Astro com verificações de tipos rigorosas
Como instalar pretty-ts-errors?
Instale a extensão pela linha de comando: code --install-extension yoavbls.pretty-ts-errors Ou pesquise por pretty-ts-errors no VSCode Marketplace
Onde consigo pretty-ts-errors?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/yoavbls/pretty-ts-errors

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados