TypeScript 오류를 읽기 쉽게 만들어주는 VSCode 플러그인
pretty-ts-errors는 Visual Studio Code에서 TypeScript 오류를 더 예쁘고 사람이 읽기 쉽게 만들어주는 플러그인입니다. TypeScript의 타입이 복잡해질수록 TypeScript 오류가 더 지저분해지는데, 이 플러그인을 사용하면 읽기 쉬운 형식으로 에러 메세지를 바꿔줍니다. 제공하는 기능 - 타입스크립트 에러를 테마 색상으로 구문 강조 표시 (light 테마 / dark 테마 모두 지원) - 타입스크립트 에러 옆에 관련 타입 선언으로 연결되는 버튼 제공 - 자세한 설명을 찾을 수 있는 typescript.tv의 링크로 이동하는 버튼 제공(어떤 설명은 동영상도 제공) - 일반적인 영어로 오류를 읽을 수 있는 ts-error-translator로 이동하는 버튼 제공 지원하는 파일 - Node.js, Deno 타입스크립트 에러 리포터 (.ts 파일) - JSDoc 타입 오류(.js 및 .jsx 파일) - React, Solid 및 Qwik 오류(.tsx 및 .mdx 파일) - TypeScript가 활성화된 경우 Astro, Svelte 및 Vue 파일 (.astro, .svelte 및 .vue 파일) 웹스톰은 아쉽게도 미지원이라고 합니다. 이 플러그인을 지원해달라는 이슈를 생성했는데 많은 사용자들이 따봉을 누르고 있습니다. (링크: https://youtrack.jetbrains.com/issue/WEB-60634/Add-support-pretty-ts-errors) 웹스톰 쓰시는 분들은 임시 방편으로 https://ts-error-translator.vercel.app/ 링크를 사용하실 수 있습니다. 요기에 타입 에러를 복사&붙여넣기하시면 평범한 영어 문장으로 읽기 쉽게 바꿔줍니다.