본문 바로가기
Web/tip

VS Code에서 커서 스타일 및 애니메이션 변경

by 다채로운창고 2023. 2. 19.

VS Code 편집기에는 phase, smooth, expand 및 solid까지 4가지 유형의 커서 애니메이션이 있습니다.

VS Code에서 커서에 대한 특정 애니메이션을 설정하려면 커서 애니메이션 설정을 'settings.json' 파일에 추가해야 합니다.

 

'settings.json' 열기 → 단축키(ctrl + shift + P)를 눌러 settings.json을 검색해 새로 설정합니다.

"editor.cursorBlinking": "smooth"

커서와 너비 스타일을 변경하려면 아래와 같이 원하는 스타일로 입력을 해주시면 됩니다.

"editor.cursorStyle": "line",
"editor.cursorWidth": 6,

VS Code에는 block, block-outline, line, line-thin, underline, underline-thin 이렇게 6가지 스타일의 커서가 있습니다.

 

 

 

애니메이션 예시:

Smooth

phase

Expand

Solid

 

 

 

출처 : https://dev.to/rajeshroyal/change-cursor-style-and-animation-in-vs-code-2h08

 

Change Cursor Style and Animation in VS Code

We have 4 types of cursor animations in VS Code editor. phase, smooth, expand and solid. To set a p...

dev.to