개요
Error Lens는 VS Code 확장 프로그램으로, 코드 에러·경고·정보를 해당 줄 옆에 인라인으로 즉시 표시. 상태바나 호버 없이 코드 작성 중 실시간으로 문제를 확인 가능.
- 마켓플레이스: https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
- 개발자: Alexander
- 다운로드: 1000만+
- 무료: 완전 무료
주요 기능
| 기능 | 설명 |
|---|---|
| 인라인 메시지 | 에러/경고 메시지를 줄 끝에 표시 |
| 줄 강조 | 문제 있는 줄 배경색으로 강조 |
| 실시간 업데이트 | 코드 입력 시 즉시 반영 |
| 아이콘 | 에러 종류별 아이콘 표시 |
| 상태별 색상 | 에러=빨강, 경고=노랑, 정보=파랑 |
설치
VS Code 마켓플레이스에서 "Error Lens" 검색 후 설치
또는 명령 팔레트: ext install usernamehw.errorlens
설정 (settings.json)
{
// Error Lens 활성화 여부
"errorLens.enabled": true,
// 표시할 심각도 레벨 (error, warning, info, hint)
"errorLens.enabledDiagnosticLevels": ["error", "warning", "info"],
// 메시지 폰트 굵기
"errorLens.fontWeight": "normal",
// 메시지 최대 길이 (0 = 무제한)
"errorLens.messageMaxChars": 200,
// 에러 없는 파일에서 비활성화
"errorLens.followCursor": "activeLine",
// 지연 시간 (ms) - 타이핑 중 깜빡임 방지
"errorLens.delay": 500,
// 특정 파일 제외
"errorLens.exclude": [
"**/*.min.js",
"**/node_modules/**"
],
// 상태바에도 표시
"errorLens.statusBarMessageEnabled": true,
// 색상 커스텀
"errorLens.errorBackground": "rgba(255, 0, 0, 0.1)",
"errorLens.warningBackground": "rgba(255, 165, 0, 0.1)"
}작동 예시
# 에러가 있는 줄
x = undeclared_variable # ← 줄 옆에 "undeclared_variable is not defined" 표시
def my_func(a, b) # ← "Missing colon" 에러 인라인 표시
return a + b유사 도구
| 도구 | 특징 |
|---|---|
| Error Lens | VS Code 인라인 에러 표시 |
| ESLint | JavaScript 린팅 (소스) |
| Pylint / mypy | Python 에러 검사 (소스) |
| Problems 패널 | VS Code 기본 문제 목록 (별도 패널) |
Error Lens는 에러 “표시 방식”을 개선하는 도구 (에러 감지는 린터·언어 서버가 담당)