--- title: yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors... description: An extension called 'pretty-ts-errors' aims to make TypeScript errors more readable and aesthetically pleasing in VSCode. It provides syntax highlighting with... canonical: https://daily.dev/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀 | daily.dev og:description: An extension called 'pretty-ts-errors' aims to make TypeScript errors more readable and aesthetically pleasing in VSCode. It provides syntax highlighting with... og:url: https://daily.dev/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn og:image: https://api.daily.dev/og/posts/sYw1arzwn.png og:image:alt: yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀 **[Pointer](https://daily.dev/sources/pointer)** · 2 min read · 95 upvotes · 7 comments ## Summary An extension called 'pretty-ts-errors' aims to make TypeScript errors more readable and aesthetically pleasing in VSCode. It provides syntax highlighting with theme colors, buttons for navigating to relevant type declarations and error explanations, and support for various file types. The extension can be installed via the VSCode marketplace or by using the command 'code --install-extension yoavbls.pretty-ts-errors'. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@jmarcus** · 0 upvotes > Very useful, will be trying this for sure! **@doron** · 0 upvotes > Been using it for a while and it saves a lot of time! Thanks! **@mrhung1999vnvn** · 0 upvotes > The useful extension. Love this **@ranoob** · 0 upvotes > nice! love this **@tienlong1106** · 0 upvotes > nice, love this! ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#typescript](https://daily.dev/tags/typescript), [#vscode](https://daily.dev/tags/vscode) [View this post on daily.dev](https://daily.dev/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀","url":"https://daily.dev/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn"},"datePublished":"2023-04-21T18:00:18.585Z","dateModified":"2024-04-12T14:55:22.358Z","description":"An extension called 'pretty-ts-errors' aims to make TypeScript errors more readable and aesthetically pleasing in VSCode. It provides syntax highlighting with...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0dd916a64a850225c455e4306e772e31?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0dd916a64a850225c455e4306e772e31?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Pointer","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Pointer","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/65d4168582f14e0cb2b46693356e66f1","url":"https://daily.dev/sources/pointer"},"commentCount":7,"discussionUrl":"https://daily.dev/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":95},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":7}],"keywords":"typescript,vscode","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Pointer","item":"https://daily.dev/sources/pointer"},{"@type":"ListItem","position":3,"name":"yoavbls/pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/yoavbls-pretty-ts-errors-make-typescript-errors-prettier-and-human-readable-in-vscode--syw1arzwn","comment":[{"@type":"Comment","text":"Very useful, will be trying this for sure!","datePublished":"2023-04-22T15:05:54.697Z","url":"https://daily.dev/posts/sYw1arzwn#c-6y3tJ1QQP","author":{"@type":"Person","name":"Joshua Marcus","url":"https://daily.dev/jmarcus","image":"https://avatars.githubusercontent.com/u/50224517?v=4"}},{"@type":"Comment","text":"Been using it for a while and it saves a lot of time! Thanks!","datePublished":"2023-04-24T00:08:51.628Z","url":"https://daily.dev/posts/sYw1arzwn#c-TrCwSOpw0","author":{"@type":"Person","name":"Doron Guttman","url":"https://daily.dev/doron","image":"https://avatars.githubusercontent.com/u/8771525?v=4"}},{"@type":"Comment","text":"The useful extension. Love this","datePublished":"2023-04-22T05:48:20.052Z","url":"https://daily.dev/posts/sYw1arzwn#c-a9ySvSOmW","author":{"@type":"Person","name":"Hưng Phạm","url":"https://daily.dev/mrhung1999vnvn","image":"https://avatars2.githubusercontent.com/u/38694536?v=4"}},{"@type":"Comment","text":"nice! love this","datePublished":"2023-04-22T12:03:54.817Z","url":"https://daily.dev/posts/sYw1arzwn#c-A6XMQqCG8","author":{"@type":"Person","name":"Raniel","url":"https://daily.dev/ranoob","image":"https://avatars.githubusercontent.com/u/20558676?v=4"}},{"@type":"Comment","text":"nice, love this!","datePublished":"2023-04-23T21:03:48.131Z","url":"https://daily.dev/posts/sYw1arzwn#c-Tj5fFIIxy","author":{"@type":"Person","name":"Нгуен Тиен Лонг","url":"https://daily.dev/tienlong1106","image":"https://lh3.googleusercontent.com/a/AGNmyxYxVClkqUBJjB0SRrWSUtKqmsD60HaoDUZzO5n03w=s96-c"}}]} ```