Pretty Ts Errors

🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀
Alternatives To Pretty Ts Errors
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Pretty Ts Errors11,613214 days ago4April 18, 202311mitTypeScript
🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀
12 hours ago30apache-2.0PHP
An open-source & self-hostable Heroku / Netlify alternative. Cloud version available here ->
Form Generator7,860146 months ago3April 14, 2020122mitVue
:sparkles:Element UI表单设计及代码生成器
Vetur5,699144 months ago42February 23, 2023343mitTypeScript
Vue tooling for VS Code.
4 days ago29agpl-3.0TypeScript
A highly extensible Markdown editor. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, Reveal.js, plug-in, and macro replacement.
I18n Ally3,100
5 days ago197mitTypeScript
🌍 All in one i18n extension for VS Code
Frontend Hard Mode Interview2,896
8 months ago7otherJavaScript
4 days ago7August 11, 2023187otherTypeScript
The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
Previewjs1,6182214 hours ago41August 04, 202332otherTypeScript
Preview UI components in your IDE instantly
Vue Vscode Snippets1,303
2 months ago21mitJavaScript
These snippets were built to supercharge my workflow in the most seamless manner possible.
Alternatives To Pretty Ts Errors
Select To Compare

Alternative Project Comparisons

Pretty TypeScript Errors

Make TypeScript errors prettier and human-readable in VSCode.

GitHub stars Visual Studio Code GitHub license Visual Studio Code Webstorm logo

TypeScript errors become messier as the complexity of types increases. At some point, TypeScript will throw on you a shitty heap of parentheses and "...".
This extension will help you understand what's going on. For example, in this relatively simple error:


Watch this

Watch theo's video

and others from: Web Dev Simplified, Josh tried coding, trash dev, and more


  • Syntax highlighting with your theme colors for types in error messages, supporting both light and dark themes
  • A button that leads you to the relevant type declaration next to the type in the error message
  • A button that navigates you to the error at, where you can find a detailed explanation, sometimes with a video
  • A button that navigates you to ts-error-translator, where you can read the error in plain English


  • Node and Deno TypeScript error reporters (in .ts files)
  • JSDoc type errors (in .js and .jsx files)
  • React, Solid and Qwik errors (in .tsx and .mdx files)
  • Astro, Svelte and Vue files when TypeScript is enabled (in .astro, .svelte and .vue files)


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

Or simply by searching for pretty-ts-errors in the VSCode marketplace

Why isn't it trivial

  1. TypeScript errors contain types that are not valid in TypeScript.
    Yes, these types include things like ... more ..., { ... }, etc in an inconsistent manner. Some are also cutting in the middle because they're too long.
  2. Types can't be syntax highlighted in code blocks because the part of type X = ... is missing, so I needed to create a new TextMate grammar, a superset of TypeScript grammar called type.
  3. VSCode markdown blocks all styling options, so I had to find hacks to style the error messages. e.g., there isn't an inlined code block on VSCode markdown, so I used a code block inside a codicon icon, which is the only thing that can be inlined. That's why it can't be copied. but it isn't a problem because you can still hover on the error and copy things from the original error pane.

Hype section

Stars from stars

Kent C. Dodds

Matt Pocock

Alex / KATT

Tanner Linsley

Theo Browne


Every penny will be invested in other contributors to the project, especially ones that work
on things that I can't be doing myself like adding support to the extension for other IDEs


Help by upvoting or commenting on issues we need to be resolved here
Any other contribution is welcome. Feel free to open any issue / PR you think.

Popular Vscode Projects
Popular Vue Projects
Popular Integrated Development Environments Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Vscode Extension