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

Visual Studio Code에서 커서의 스타일(색상, 너비 등)과 애니메이션을 변경할 수 있다.

1. cmd(윈도우는 ctrl) + shift + p로 명령 팔레트 실행
2. json 검색
3. 기본 설정: 설정 열기(JSON)

커서 스타일

색상

코드

"workbench.colorCustomizations": {
  // 에디터 커서 색상
  "editorCursor.foreground": "#ffff00",
  // 터미널 커서 색상
  "terminalCursor.foreground": "#ffff00"
}

커서 색상 선택 참고 - Color Tool

너비

코드

"editor.cursorWidth": 6

스타일

• line(기본값)
• block
• underline
• line-thin
• block-outline
• underline-thin

코드

 "editor.cursorStyle": "스타일 옵션",

커서 애니메이션 효과

Smooth

코드

"editor.cursorBlinking": "smooth"

Expand

코드

"editor.cursorBlinking": "expand"

Phase

코드

"editor.cursorBlinking": "phase"

Solid

코드

"editor.cursorBlinking": "solid"

Blink

코드

"editor.cursorBlinking": "blink"

전체 설정 코드 ✨

"editor.cursorBlinking": "expand",
"editor.cursorStyle": "line",
"editor.cursorWidth": 3,
"workbench.colorCustomizations": {
  // 에디터 커서 색상
  "editorCursor.foreground": "#ffff00",
  // 터미널 커서 색상
  "terminalCursor.foreground": "#ffff00"
}

VSC 터미널 커서 설정 코드

"terminal.integrated.cursorStyle": "line",
"terminal.integrated.cursorWidth": 2,
"terminal.integrated.cursorBlinking": false