一款 VS Code 扩展,提供 Git 行级 blame、CodeLens、提交图谱,以及分支、工作树管理和代码审查、变基等功能。
yoavbls/pretty-ts-errors
一款 VSCode 扩展,将 TypeScript 报错信息整理为易读、带语法高亮的类型展示,并提供相关文档链接。
- Star
- 14,096
- Fork
- 113
- 未关闭 Issue
- 21
- 最近提交
- 3天前
这是什么?
随着类型结构变得复杂,TypeScript 报错信息常常夹杂大量括号、被截断的片段和 "..." 省略符,难以阅读。Pretty TS Errors 是一款 VSCode 扩展,会重新排版这些报错信息,让类型更容易浏览和理解。
扩展会按当前主题颜色为报错中的类型添加语法高亮,同时支持浅色和深色主题。每个类型旁边提供跳转到类型声明的按钮,还有可打开 typescript.tv 详细解释或 ts-error-translator 白话翻译的链接。
它支持 .ts 文件中的 Node 和 Deno 报错、.js 与 .jsx 中的 JSDoc 类型错误、.tsx 与 .mdx 中的 React、Solid 和 Qwik 报错,以及在启用 TypeScript 时 Astro、Svelte 和 Vue 文件的报错,还支持 Glint 报告的 Ember 和 Glimmer 模板问题。
核心功能
- 01按当前主题颜色对报错中的类型进行语法高亮
- 02在类型旁提供跳转到类型声明的按钮
- 03提供 typescript.tv 链接查看报错的详细解释
- 04提供 ts-error-translator 链接以白话方式理解报错
- 05支持 .ts、.tsx、.js、Astro、Svelte、Vue 及 Glimmer 等文件中的 TypeScript 报错
适用场景
- 调试复杂泛型或工具类型产生的难读报错
- 通过理解编译器的报错信息学习 TypeScript
- 在类型检查较严格的 React、Vue、Svelte 或 Astro 项目中开发
快速上手
- 1
从命令行安装扩展
code --install-extension yoavbls.pretty-ts-errors - 2
或在 VSCode 市场中搜索 pretty-ts-errors
使用前须知
- 仅适用于 VSCode(及 Cursor),对 JetBrains 的支持尚未实现。
- 要使类型可复制,需要手动采用隐藏原始错误的变通方法。
标签
常见问题
- pretty-ts-errors 是什么?
- 一款 VSCode 扩展,将 TypeScript 报错信息整理为易读、带语法高亮的类型展示,并提供相关文档链接。 随着类型结构变得复杂,TypeScript 报错信息常常夹杂大量括号、被截断的片段和 "..." 省略符,难以阅读。Pretty TS Errors 是一款 VSCode 扩展,会重新排版这些报错信息,让类型更容易浏览和理解。
- pretty-ts-errors 可以免费使用吗?用的什么许可证?
- pretty-ts-errors 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- pretty-ts-errors 还在维护吗?
- 活跃维护中。pretty-ts-errors 最近一次提交是在 2026年10月18日。
- pretty-ts-errors 适合用来做什么?
- 调试复杂泛型或工具类型产生的难读报错 通过理解编译器的报错信息学习 TypeScript 在类型检查较严格的 React、Vue、Svelte 或 Astro 项目中开发
- pretty-ts-errors 怎么安装和运行?
- 从命令行安装扩展: code --install-extension yoavbls.pretty-ts-errors 或在 VSCode 市场中搜索 pretty-ts-errors
- 在哪里获取 pretty-ts-errors?
- 源代码和安装说明在 GitHub 上:https://github.com/yoavbls/pretty-ts-errors
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一款 VS Code 扩展,在编辑器窗口中加入猫、狗、蛇、橡皮鸭、Clippy 等像素风宠物。
面向 TypeScript 与 JavaScript 的通用日志库,支持美化终端输出、结构化 JSON、敏感信息脱敏,且无运行时依赖。
面向 Web 应用的异步状态管理与数据获取库,支持 React、Vue、Svelte 和 Solid。
基于 ProseMirror 的无界面富文本编辑器框架,可与多种前端框架配合,通过扩展灵活定制。
用于构建节点式交互界面(如流程图、图编辑器和工作流编辑器)的 React 与 Svelte 开源库。