Repolode
yoavbls

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. 1

    从命令行安装扩展

    code --install-extension yoavbls.pretty-ts-errors
  2. 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 数据每日更新。

相关项目