[VSCode] 너무 귀찮은 console.log 단축키. shortcut 등록

☝🏻

매번 콘솔을 찍을 때 마다  console.log()를 치는게 너무 싫어서

몇달 전에 shortcut 등록을 해뒀는데 오늘 생각난 김에,,, 까먹기 전에,,, 적으려한다,,,

 

+)

우연히 유데미 강의를 보다가 알게된 사실 ,,

log + Enter 에 바로 자동완성이 된다는 사실 ,,

하지만 키보드 숏컷 등록을 제대로 알았으니 괜찮다 ,, ⭐️

---

우선 거두절미하고!!!

단축키는 Preference > Keyboard Shortcuts에서 설정할 수 있다. (cmd 누르고 + k, + s)

 

하지만 개인적으로는 기등록된 숏컷이 주르륵 뜨니까

어디서 어떻게 추가해야할지 처음에 너무 당황스러웠다ㅣ......

그래서 이미 등록된 숏컷의 키바인딩을 수정할게 아니라면,,!

 

직접 JSON 파일을 수정하는 것을 추천한다!

VSCode의 추가적으로 등록되는 단축키를 JSON 파일으로 관리하는데

그게 바로 keybindings.json 파일이다!!! cmd +p 로 해당 파일을 빠르게 검색해서 들어가장 ☝🏻

 

혹시 다른 익스텐션을 설치하면서 등록된 단축키가 있을 수 있다!

그렇다면 JSON 형식에 맞게 아래처럼 내가 원하는 형식으로 예쁘게 추가해주자..!

이렇게 한 번의 구ㅣ찮음을 극복하고,,, 광명을 찾았다 :)

 

[    
    //이전에 등록된 단축키
    {},
    // Place your key bindings in this file to overwrite the defaults
    {
        "key": "ctrl+shift+l",
        "command": "editor.action.insertSnippet",
        "when": "editorTextFocus",
        "args": {
            "snippet": "console.log('$1', $2);$0"
        }
    }
]