9/4 (월) VS Code 커스텀 단축키 만들기 TIL

VS Code 단축키 설정

이전 단축키 모음:

2/9 목 (Nest.js 진입, Visual Studio Code로도 첫 진입) TIL

VS Code 에디터에서 커서를 5줄씩 이동하는 단축키 만들기

이곳을 참조했다:

깃허브 이슈 → 스택오버플로우: 처음에 “editorScroll”이라는 약속 명령과 이를 어떤식으로 커스터마이징해줄 수 있는 지 힌트를 얻었다.

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

VS Code 레퍼런스: “editorScroll”의 옵션에 어떤 것들이 있는지 참고하다 “cursorMove”라는 더 적절한 약속 명령이 있는 것을 발견하였다.

https://code.visualstudio.com/api/references/commands

VS Code 실행 → Ctrl + Shift + P → “shortcuts”을 검색해 “Preferences: Open Keyboard Shortcuts (JSON)” 선택 → 커스텀 단축키 설정 파일인 keybindings.json이 열리면 “command”: “cursorMove” 관련 단축키 설정 추가하기.

“command”에 가능한 옵션을 보면 (VS Code에서 Ctrl+. 하면 목록을 볼 수 있음) 여러 명령어가 등록되어 있는 것을 볼 수 있다.

그러나 성립시키지 못한 명령들:
“다음/이전 ‘접기 영역’으로 이동하는 “editor.gotoPreviousFold” 등이 있어서 다음과 같이 등록하였다:
```
{
        "key": "ctrl+shift+alt+right",
        "command": "editor.gotoNextFold",
        "when": "textInputFocus"
    },
    {
        "key": "ctrl+shift+alt+left",
        "command": "editor.gotoPreviousFold",
        "when": "textInputFocus"
    },
```
문제나 아쉬운 점:
- 같은 레벨의 접기 영역끼리만 이동한다. 자연스럽게 ‘하위/부모 접기 영역’으로 이동시키고 싶지만 “editor.gotoParentFold”는 있어도 “editor.gotoChildFold”는 없다. 영역 다단계로 접기, 2단계까지만 접기, 이런 명령이 있는 걸로 봐서는 하위 접기 영역을 인지하는 코드가 구현되어 있는 것 같은데 아쉽다.
- “when”으로 줄 수 있는 컨디션에 “가장 끝의 접기 영역에 도달하면”이나 “이후 접기 영역이 없으면” 등의 조건이 구현되어 있지 않다. 예를 들어 위의 단축키로 계속해서 이전 접기 영역으로 이동하다가 더 이상 이동할 수 없게 되면 자연스럽게 부모 접기 영역으로 이동했으면 싶은데 이걸 구현할 수 있는 조건과 명령이 없다.

Uploaded by N2T

VS Code 단축키 설정

VS Code 에디터에서 커서를 5줄씩 이동하는 단축키 만들기

문제나 아쉬운 점:

티스토리툴바