TypeScript 类型错误是不是长期让你感到心累

423 阅读1分钟

随着TypeScript类型的复杂性增加,TypeScript 错误变得越来越混乱。在某些时候,TypeScript 会给你带来一堆乱七八糟的括号和提示。 这个vscode扩展将帮助你了解发生了什么。例如,在这个相对简单的错误中:

image.png

自从用了这个vscode插件Pretty TypeScript Errors,心不累了,腿不酸了,一口气上五楼了

特征

  • 使用主题颜色突出显示错误消息中的类型的语法,支持浅色和深色主题
  • 错误消息中类型旁边的按钮可引导您查看相关类型声明
  • 一个按钮,可将您导航至typescript.tv上的错误,您可以在其中找到详细的解释,有时还会附带视频
  • 一个按钮,导航到ts-error-translator,在那里你可以用简单的英语阅读错误

支持

  • Node 和 Deno TypeScript 错误报告器(在.ts文件中)
  • JSDoc 类型错误(在.js.jsx文件中)
  • React、Solid 和 Qwik 错误(在.tsx.mdx文件中)
  • 启用 TypeScript 时的 Astro、Svelte 和 Vue 文件(在.astro.svelte.vue文件中)
  • Glint 报告的 Ember 和 Glimmer TypeScript 错误和模板问题(在.hbs.gjs.gts文件中)