2021.02.08

비주얼 스튜디오 코드 1.53, 사용자 지정 가능한 검색 모드 지원

Paul Krill | InfoWorld
마이크로소프트의 오픈소스 코드 편집기 ‘비주얼 스튜디오 코드(Visual Studio Code)’ 최신 버전이 지난 2월 4일 공개됐다. 사용자 지정 가능한 검색 모드를 지원하고 자바스크립트 디버깅을 개선하는 등 새로운 기능 및 개선 사항을 제공한다. 
 
ⓒGetty Images

2월에 발표되긴 했지만 2021년 1월 릴리스라고 칭하는 ‘비주얼 스튜디오 버전 1.53’은 이곳(visualstudio.com)에서 다운로드 받을 수 있다. 이번 릴리스에서는 search.mode 설정이 도입됐다. 

이를 사용하면 ‘검색: 파일에서 찾기(Search: Find in Files)’, 탐색기의 ‘폴더에서 찾기(Find in Folder)’, ‘작업 공간에서 찾기(Find in Workspace)’ 컨텍스트 메뉴 항목과 같은 UI 검색 명령에 관한 옵션을 구성할 수 있다. 옵션은 다음과 같다. 

view: 사이드바 또는 패널의 검색 보기를 사용하여 검색한다. 
newEditor: 새 검색 편집기(Search Editor)에서 검색한다. 
existingEditor: 기존에 열려 있는 검색 편집기가 있는 경우 다시 사용하고, 그렇지 않으면 새 편집기를 만든다. 

이전에는 키 바인딩을 편집해 기본 검색 UI를 구성하도록 권장했다. 이는 더 이상 필요하지 않으며, 이러한 키 바인딩은 해당 설정에 맞게 제거할 수 있다. 이 밖에 비주얼 스튜디오 코드 1.53의 새로운 기능 및 개선 사항은 아래와 같다. 

• 자바스크립트 디버거에서 조건부 예외 중단점이 활성화된다. Node.js worker_threads 또한 지원된다. 
workbench.editor.wrapTabs 설정을 사용하면 스크롤 막대를 표시하지 않고 편집기 탭을 줄 바꿈 할 수 있다. 
• 새로운 두 가지 설정을 사용해 편집기 탭에 깃(git) 상태 또는 진단과 같은 데코레이션을 표시할지 여부를 구성할 수 있다. workbench.editor.decorations.colors를 사용하면 탭에 색상을 지정할 수 있다(예: 오류 및 경고가 있는 파일에 빨간색/녹색 표시). 또한 workbench.editor.decorations.badges을 사용하면 탭에 배지를 달 수 있다(예: 수정된 깃에 M이라는 배지 표시).  
• 이제 노트북 셀이 개요 창(outline pane)과 이동 경로(breadcrumb)에 표시된다. 
• 웹 개발자를 위한 툴킷 ‘에밋(Emmet)’이 HTML 및 CSS 파일에서 더 빠르게 작동한다. 
• 확장 작성자를 위한 가이드라인이 발행됐다. 
• 열린 편집기(Open Editors) 보기가 기본적으로 숨겨진다. 
• 곧 출시될 타입스크립트(TypeScript) 4.2 릴리스에 대한 지원이 개선됐다. ciokr@idg.co.kr
 



2021.02.08

비주얼 스튜디오 코드 1.53, 사용자 지정 가능한 검색 모드 지원

Paul Krill | InfoWorld
마이크로소프트의 오픈소스 코드 편집기 ‘비주얼 스튜디오 코드(Visual Studio Code)’ 최신 버전이 지난 2월 4일 공개됐다. 사용자 지정 가능한 검색 모드를 지원하고 자바스크립트 디버깅을 개선하는 등 새로운 기능 및 개선 사항을 제공한다. 
 
ⓒGetty Images

2월에 발표되긴 했지만 2021년 1월 릴리스라고 칭하는 ‘비주얼 스튜디오 버전 1.53’은 이곳(visualstudio.com)에서 다운로드 받을 수 있다. 이번 릴리스에서는 search.mode 설정이 도입됐다. 

이를 사용하면 ‘검색: 파일에서 찾기(Search: Find in Files)’, 탐색기의 ‘폴더에서 찾기(Find in Folder)’, ‘작업 공간에서 찾기(Find in Workspace)’ 컨텍스트 메뉴 항목과 같은 UI 검색 명령에 관한 옵션을 구성할 수 있다. 옵션은 다음과 같다. 

view: 사이드바 또는 패널의 검색 보기를 사용하여 검색한다. 
newEditor: 새 검색 편집기(Search Editor)에서 검색한다. 
existingEditor: 기존에 열려 있는 검색 편집기가 있는 경우 다시 사용하고, 그렇지 않으면 새 편집기를 만든다. 

이전에는 키 바인딩을 편집해 기본 검색 UI를 구성하도록 권장했다. 이는 더 이상 필요하지 않으며, 이러한 키 바인딩은 해당 설정에 맞게 제거할 수 있다. 이 밖에 비주얼 스튜디오 코드 1.53의 새로운 기능 및 개선 사항은 아래와 같다. 

• 자바스크립트 디버거에서 조건부 예외 중단점이 활성화된다. Node.js worker_threads 또한 지원된다. 
workbench.editor.wrapTabs 설정을 사용하면 스크롤 막대를 표시하지 않고 편집기 탭을 줄 바꿈 할 수 있다. 
• 새로운 두 가지 설정을 사용해 편집기 탭에 깃(git) 상태 또는 진단과 같은 데코레이션을 표시할지 여부를 구성할 수 있다. workbench.editor.decorations.colors를 사용하면 탭에 색상을 지정할 수 있다(예: 오류 및 경고가 있는 파일에 빨간색/녹색 표시). 또한 workbench.editor.decorations.badges을 사용하면 탭에 배지를 달 수 있다(예: 수정된 깃에 M이라는 배지 표시).  
• 이제 노트북 셀이 개요 창(outline pane)과 이동 경로(breadcrumb)에 표시된다. 
• 웹 개발자를 위한 툴킷 ‘에밋(Emmet)’이 HTML 및 CSS 파일에서 더 빠르게 작동한다. 
• 확장 작성자를 위한 가이드라인이 발행됐다. 
• 열린 편집기(Open Editors) 보기가 기본적으로 숨겨진다. 
• 곧 출시될 타입스크립트(TypeScript) 4.2 릴리스에 대한 지원이 개선됐다. ciokr@idg.co.kr
 

X