본문 바로가기
휴게소

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

by Vintz 2022. 3. 18.
반응형

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
반응형

태그

댓글 0