[VSCode] 자동완성 단축키 추가

시작하기

아마 javascript 개발 중 사용 빈도가 높은 코드가 console.log()다.

console.log()를 사용하는 이유는 여러가지가 있지만 그 중에서 간단한 디버깅을 위해 제일 많이 사용하는 것 같다.

 

그런데 매번 console.log()를 처음부터 적기란 앵간 귀찮은 일이 아니다.

그래서 찾아봤다. 몇글자만 입력하면 console.log()가 자동으로 생성되는 방법을!

간단한 설정으로 코드 작성시 효율성이 높아진다😆

 

자동완성 단축키 추가 및 사용법

👉 파일> 기본설정> 사용자 코드 조각

 

👉 자동완성을 적용시킬 언어 선택

언어마다 자동완성을 설정 할 수 있다.

 

👉 "console.log print" : { ... }

1. prefix는 자동단축키 약어를 설정
2. body는 위 자동단축키 약어를 사용했을 경우 나타나는 문구
3. description은 해당 자동단축키의 설명

 

모든 설정은 끝났다!

이제 코드로 돌아가서 설정한 prefix를("cl") 입력하면 자동단축키를 설정한 내용이 나온다.

tab을 눌려주면 자동완성에 설정한 body내용("console.log(")이 출력된다.

 

Reference

1. https://www.notion.so/VsCode-6d812ba2f7004a69a356a75773736a84#76154259597942f18e4abfc0ae54b60a