고양이, 강아지, 뱀, 고무 오리, Clippy 같은 픽셀 아트 펫을 에디터 창에 추가하는 VS Code 확장입니다.
yoavbls/pretty-ts-errors
TypeScript 오류 메시지를 문서 링크와 설명이 포함된, 읽기 쉬운 구문 강조 타입으로 바꿔 주는 VSCode 확장 프로그램입니다.
- 스타
- 14,096
- 포크
- 113
- 열린 이슈
- 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 Marketplace에서 pretty-ts-errors를 검색하세요
사용 전 알아둘 점
- VSCode(및 Cursor) 내에서만 작동합니다. JetBrains 지원은 요청된 상태일 뿐, 아직 제공되지 않습니다.
- 타입을 복사하려면 원래 오류를 숨기는 수동 우회 방법이 필요합니다.
토픽
자주 묻는 질문
- pretty-ts-errors은(는) 무엇인가요?
- TypeScript 오류 메시지를 문서 링크와 설명이 포함된, 읽기 쉬운 구문 강조 타입으로 바꿔 주는 VSCode 확장 프로그램입니다. 타입이 복잡해질수록 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 Marketplace에서 pretty-ts-errors를 검색하세요
- pretty-ts-errors은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/yoavbls/pretty-ts-errors
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
TypeScript와 Electron으로 만든 Microsoft의 오픈소스 코드 편집기로, 코드 편집과 탐색, 가벼운 디버깅 및 확장 기능을 제공합니다.
V8, Rust, Tokio를 기반으로 보안 기본값을 제공하는 JavaScript, TypeScript, WebAssembly 런타임입니다.
React, Vue, Svelte, Solid 바인딩을 제공하는 웹 앱용 비동기 상태 관리 및 데이터 페칭 라이브러리입니다.
ProseMirror 기반의 헤드리스·프레임워크 독립형 리치 텍스트 에디터로, 다양한 확장 기능을 추가할 수 있습니다.
플로차트, 그래프, 워크플로 편집기 같은 인터랙티브 노드 기반 UI를 만들 수 있는 오픈소스 React 및 Svelte 라이브러리입니다.