[VS Code] ctrl + 숫자, 탭 이동 단축키 변경 방법
안녕하세요. BlockDMask입니다.
오늘은 Visual Studio Code의 단축키를 변경하는 방법 중에서 탭을 변경하는 단축키를 변경해보려 합니다.
크롬이나, 비주얼 스튜디오 등에서는 ctrl + 번호 (command + 번호)를 입력하면 위에 탭이 변경되는데
VS Code에서는 ctrl + 번호를 입력하면 탭이 변경되지 않아서 불편함이 좀 있었습니다.
그래서 탭 이동 단축키를 변경해보려 합니다.
바로 가보시죠.
<목차>
1. vs code 프로그램 실행
2. keybinding.json 오픈
3. vscode 탭 이동 단축키 작성
(환경설정 창에서 하나하나 바꾸는 방법도 3번에 있습니다.)
1. VS Code 프로그램 실행
vs code 프로그램을 실행합니다.
2. keybindings.json 파일 오픈
keybinding.json 파일을 찾아서 오픈합니다.
2가지 방법이 있습니다.
2-1) 환경설정을 통한 오픈
2-1-1. Code -> Preferences -> Keyboard Shortcurs
한국어로는 파일 -> 기본 설정 -> 키보드 바로가기 키 를 눌러줍니다.
2-1-2. 우측 위에 있는 버튼을 클릭해주세요.
빨간색 화살표가 가리키는 버튼을 누르면 keybinding.json 파일이 열립니다.
keybinding.json 파일을 오픈하셨으면 3번으로 바로 가시면 됩니다.
2-2) 파일 찾아서 오픈
윈도우 : Ctrl + P 누르고 keybinding 검색
맥북 : Command + P 누르고 keybinding 검색
이렇게 나오면 해당 파일을 클릭해주세요.
** 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)
아까 열었던 키보드 단축키 설정 창에서 단축키를 바로 변경할 수 있습니다.
2-3-2. openEditorAtIndex 검색
keyboard shrtcuts 창에 위쪽을 보시면, 검색이 가능한 곳이 나옵니다.
그곳을 클릭해서 "openEditorAtIndex" 라고 검색하면 설정할 수 있는 항목이 나옵니다.
2-3-3. keybinding을 한땀한땀 클릭해서 변경해주기
변경하고자 하는 단축키의 "Keybinding"칸에 있는 단축키를 누르면
변경할 수 있는 창이 뜨게 됩니다.
위 창에서 우리가 원하는 단축키를 입력하고 엔터(Enter)를 입력하면 변경사항이 저장됩니다.
이렇게 1~5까지 변경하겠다 하면 1,2,3,4,5 다섯 번 변경을 해주시면 됩니다.
(keybinding.json 변경하는 게 덜 번거롭겠죠?)
이렇게 오늘은 visual studio code 탭 이동 단축키를 변경해 보았습니다.
다른 단축키도 keybinding.json 에서 설정을 변경할 수 있습니다.
또, 궁금한 게 있다면 댓글로 달아주세요. 그럼 관련 내용 포스팅하겠습니다.