VSCode 자동완성 키워드 단축키 생성하기

(해당 글은 내가 나중에 다시 확인하기 위한 목적도 포함되어 있다.)

---

코드를 입력하다 보면 매번 비슷한 코드를 입력하는 경우가 종종있다.

console.log()

내게는 로그를 찍는 코드가 그런 코드였다. 

 

찾아보니 로그를 찍는 단축키는 없고, 자동완성 기능에서 키워드를 추가로 생성할 수 있었다.

 

가보자고!!💪🏼

 

1. 설정 탭 - User Snippets 클릭

vscode 하단의 톱니바퀴(설정탭)을 클릭해서 User Snippets 메뉴를 클릭한다.

 

 

2. 최상단의 Existing Snippets 클릭하여 파일 열기

  👉🏾 (기존 스니펫이 없는 경우) New Snippets 클릭 ➡️파일이름 설정 후 생성한 파일 열기

 

 

3. 파일에서 코드를 추가

아래의 양식에 맞추어 작성하면 완성이다.

• console.log print 부분 : 자동완성의 이름
• prefix : 자동완성을 불러올 때 필요한 키워드
• body : 자동완성 내용 (여러 줄인 경우 대괄호로 묶기)
• description : 자동완성에 대한 설명

 

4. 실제 코드에서 확인

위에서 console.log()에 대한 자동완성 키워드를 추가했다.

코드에서 자동완성 키워드로 설정한 'cl'을 입력하면 아래처럼 자동완성 내용이 나온다.

탭 클릭시 아주 잘 나온다!!!

 

 

 

자동완성 기능 추가로 조금 더 편하게 코딩해보세요!! :) 

오늘도 즐코하세요!😊