VSCode 1.70버전 업데이트 : Sticky Scroll

 

생각보다 업데이트를 꽤나 자주 하는 비주얼 스튜디오 코드.

릴리즈 노트가 뜨면 슬쩍 둘러보곤 하는데요,

이번 1.70 버전 릴리즈에서 마음에 드는 업데이트를 발견해서 공유해드리려고 해요.

 

바로 sticky scroll 입니다!

아래 이미지로 보시는 게 이해가 빠르실 거예요.

 

Sticky Scroll

 

https://code.visualstudio.com/updates/v1_70#_editor-sticky-scroll

 

보시는 것처럼 스코프의 헤더를 고정시켜줘서,

자바스크립트나 scss에서 네스팅이 깊어질 때 유용한 것 같아요.

scss를 메인으로 사용하는 제게 꼭 필요했던 부분입니다.

 

 

설정 방법

설정 방법은 아래와 같아요.

File > Preferences > Settings로 들어가시거나, 혹은 Ctrl + , 누르시면 세팅 창이 열려요.

 

 

세팅 창에서 sticky 키워드로 검색을 하시면,

 

이렇게 세 가지 옵션이 나오는데 두 번째의 Sticky Scroll에 체크해주시면 됩니다!

너무 쉽죠?

 

setting.json으로 설정하실 때에는 

"editor.experimental.stickyScroll.enabled": true

추가해 주시면 됩니다.

 

 

꿀팁

참고로 저렇게 설정한 스티키 영역의 배경색 변경도 가능하다고 해요!

"editorStickyScroll.background": "#655D8A" ,//스티키 스크롤 배경색
"editorStickyScrollHover.background": "#7897AB" //스티키 스크롤 호버 시 배경색

 

 

참고하셔서 마음에 드는 환경에서 해피코딩하시길 🙏

 

 

https://github.com/microsoft/vscode/issues/157069

Document new color keys · Issue #157069 · microsoft/vscode

https://code.visualstudio.com/updates/v1_70

Visual Studio Code July 2022