VSCode에서 오류를 효과적으로 표시해주는 확장 프로그램 - Error Lens

유튜브(코딩 관련)를 보다가 vscode에서 오류를 실시간으로 텍스트로 표시해주는 것을 봤다. vscode에서 오류는 밑줄이 그어지고 마우스를 오버하면 오류에 대한 설명이 나타난다. 내가 본 것은 코드 옆에 텍스트로 오류를 실시간으로 알려주는 것이였는데 예를 들면 아래와 같은 것이다.

 

 

Error Lens

Error Lens는 Visual Studio Code에서 코드 오류를 효과적으로 표시해 주는 확장 프로그램이다. 

 

주요기능은 

 - 코드 라인에 직접 오류와 경고 메시지를 실시간으로 표시해준다.

 - 오류가 있는 라인을 색상으로 하이라트이 처리해준다.

 - 마우스 오버 없이도 즉시 오류 내용 확인이 가능하다.

 

설치방법은 VS Code 마켓플레이스에서 'Erroro Lens'를 검색해서 설치하면 되고 오류 표시 지연 시간 설정 등 커스터 마이징이 가능하다.

 

설정 파일은 

 1. 명령 파레트를 사용할 경우

  - 'Ctrk + Shift + P'(Windows, Linux) 또는 'Cmd + Shift + P'(Mac)를 눌러 명령 팔레트를 열고

  - 'Preferences: OPen User Settings(JSON)' 일벽하여 설정 파일을 직접 열어 설정하면 된다.

 

 2. 설정 UI를 사용할 경우

  - 'Ctrk + , '(Windows, Linux) 또는 'Cmd + , '(Mac)를 눌러 설정 창을 열고

  - 검색창에 'errorlens'를 입력하면 관련 설정을 할수 있다.

 

관련관련 내용을 아래 링크를 참고하자.

 

 

Error Lens - Visual Studio Marketplace