Se você trabalha com TS com certeza deveria usar esta extensão do VS Code

TypeScript e VS Code é provavelmente a combinação mais utilizada para desenvolvimento web, e oferece muitos benefícios para quem os utiliza.

Porém nem tudo é perfeito (e no caso de JS/TS muitos dirão que há muitos defeitos), e um dos pontos que de fato podem ser bastante melhorados é a visualização de erros dentro do editor.

Essa é a visualização padrão dos erros de TS dentro do VS Code, quando você passa o cursor por cima de um erro:

Não é muito fácil de entender qual é o problema se não ler a mensagem completa e de forma linear. E este é apenas um exemplo simples, uma mensagem de erro maior é muito mais difícil de entender.

Agora, compare com esta visualização:

Muito mais visual, não é? É fácil de identificar o tipo, o objeto, em qual contexto ele está, e qual exatamente é a propriedade que está faltando ou tem problema.

A extensão que faz essa melhoria é a pretty-ts-errors, disponível no marketplace do VS Code.

E aí, o que achou da dica?