<툴, 프로그램 관련>/[VS Code]

[VS Code] ctrl + 숫자, 탭 이동 단축키 변경 방법

BlockDMask 2021. 10. 20. 21:00
반응형

안녕하세요. BlockDMask입니다.
오늘은 Visual Studio Code의 단축키를 변경하는 방법 중에서 탭을 변경하는 단축키를 변경해보려 합니다.
크롬이나, 비주얼 스튜디오 등에서는 ctrl + 번호 (command + 번호)를 입력하면 위에 탭이 변경되는데
VS Code에서는 ctrl + 번호를 입력하면 탭이 변경되지 않아서 불편함이 좀 있었습니다.
그래서 탭 이동 단축키를 변경해보려 합니다.

바로 가보시죠.

<목차>
1. vs code 프로그램 실행
2. keybinding.json 오픈
3. vscode 탭 이동 단축키 작성
(환경설정 창에서 하나하나 바꾸는 방법도 3번에 있습니다.)

 

1. VS Code 프로그램 실행


vs code 프로그램을 실행합니다.

vs code 프로그램

 

 

2. keybindings.json 파일 오픈


keybinding.json 파일을 찾아서 오픈합니다.
2가지 방법이 있습니다.

2-1) 환경설정을 통한 오픈

2-1-1. Code -> Preferences -> Keyboard Shortcurs

한국어로는 파일 -> 기본 설정 -> 키보드 바로가기 키 를 눌러줍니다.

vs code 환경설정 오픈

 

2-1-2. 우측 위에 있는 버튼을 클릭해주세요.

빨간색 화살표가 가리키는 버튼을 누르면 keybinding.json 파일이 열립니다.

vs code 단축키 변경

keybinding.json 파일을 오픈하셨으면 3번으로 바로 가시면 됩니다.

 

 

2-2) 파일 찾아서 오픈

윈도우 : Ctrl + P 누르고 keybinding 검색
맥북 : Command + P 누르고 keybinding 검색

vs code keybinding.json 오픈

이렇게 나오면 해당 파일을 클릭해주세요.

** vs code에서 단축키를 설정할 수 있는 json 파일입니다.
이 파일만 사실 수정한다면 우리는 탭 이동을 자유롭게 할 수 있습니다.

 

 

3. vscode 탭 이동 단축키 작성


keybinding.json 파일을 문제없이 열었다면, 이제는 단축키를 작성해줄 차례입니다.
입맛에 맞게 단축키를 설정해주시면 됩니다.
맥, 윈도우용 둘 다 작성해 두겠습니다. 복붙 하시면 됩니다.

2-1) vs code 맥북용 단축키 변경 (feat. keybinding.json)

[
    {
        "key": "cmd+0",
        "command": "workbench.action.openLastEditorInGroup"
    },
    {
        "key": "cmd+1",
        "command": "workbench.action.openEditorAtIndex1"
    },
    {
        "key": "cmd+2",
        "command": "workbench.action.openEditorAtIndex2"
    },
    {
        "key": "cmd+3",
        "command": "workbench.action.openEditorAtIndex3"
    },
    {
        "key": "cmd+4",
        "command": "workbench.action.openEditorAtIndex4"
    },
    {
        "key": "cmd+5",
        "command": "workbench.action.openEditorAtIndex5"
    }
]

딱 보시면 알겠지만, 
cmd 1 ~ 5 까지만 탭 이동 단축키를 설정했습니다.
그 이상이 필요하다면 
key에 cmd + N 번호를 바꾸고
command에 workbench.action.openEditorAtIndexN 번호를 바꿔주시면 됩니다.

 

2-2) vs code 윈도우용 단축키 변경 (feat. keybinding.json)

[
    {
        "key": "ctrl+0",
        "command": "workbench.action.openLastEditorInGroup"
    },
    {
        "key": "ctrl+1",
        "command": "workbench.action.openEditorAtIndex1"
    },
    {
        "key": "ctrl+2",
        "command": "workbench.action.openEditorAtIndex2"
    },
    {
        "key": "ctrl+3",
        "command": "workbench.action.openEditorAtIndex3"
    },
    {
        "key": "ctrl+4",
        "command": "workbench.action.openEditorAtIndex4"
    },
    {
        "key": "ctrl+5",
        "command": "workbench.action.openEditorAtIndex5"
    }
]

1~5까지의 탭만 설정을 바꾸었습니다.
만약에 더 많은 탭 단축키를 변경하고 싶다면 아래 빨간 표시한 뒤쪽 번호만 바꿔주시면 됩니다.

{
  "key" : "ctrl + N",
  "command" : "workbench.action.openEditorAtIndexN"
}

 

그리고, 중간에 중괄호 사이 콤마 잘 보고 작성해주세요

 

 

2-3) 단축키 환경설정 창에서 하나하나 바꾸는 방법

vscode 단축키 창에서 하나하나 변경하고 싶으신 분은 아래 방법을 사용하시면 됩니다.

2-3-1. vs code 키보드 단축키 환경설정창 오픈 (keyboard shortcuts)

vs code 키보드 단축키 설정창

아까 열었던 키보드 단축키 설정 창에서 단축키를 바로 변경할 수 있습니다.

 

2-3-2. openEditorAtIndex 검색

keyboard shrtcuts 창에 위쪽을 보시면, 검색이 가능한 곳이 나옵니다.
그곳을 클릭해서 "openEditorAtIndex" 라고 검색하면 설정할 수 있는 항목이 나옵니다.

vs code 탭 이동 단축키 변경

 

2-3-3. keybinding을 한땀한땀 클릭해서 변경해주기

변경하고자 하는 단축키의 "Keybinding"칸에 있는 단축키를 누르면 
변경할 수 있는 창이 뜨게 됩니다.

vs code 단축키 변경 방법

위 창에서 우리가 원하는 단축키를 입력하고 엔터(Enter)를 입력하면 변경사항이 저장됩니다.
이렇게 1~5까지 변경하겠다 하면 1,2,3,4,5 다섯 번 변경을 해주시면 됩니다.
(keybinding.json 변경하는 게 덜 번거롭겠죠?)

 

이렇게 오늘은 visual studio code 탭 이동 단축키를 변경해 보았습니다.
다른 단축키도 keybinding.json 에서 설정을 변경할 수 있습니다.
또, 궁금한 게 있다면 댓글로 달아주세요. 그럼 관련 내용 포스팅하겠습니다.

반응형