Visual Code 자동완성 만들기, User Snippets

Visual Code를 쓰다보면

자동완성을 자주 많이 쓰게 된다.

제일 대표적인 DocType html

그런데 하다보면 이런 자동완성을 나에게 맞게 수정, 추가 하고싶을때가 생긴다.

그럴때를 위한 포스팅!

 

왼쪽 하단의 톱니바퀴(Manage)를 누른다음

User Snippets(사용자 코드 조각)을 눌러준다.

 

그러면 화면 상단 중앙에 창이 뜨는데

자동완성을 추가하고 싶은 파일확장자를 입력 해 준다.

이 글에선 기초인 html로!!

.json을 무조건 쳐 줄 필요는 없다.(리스트에선 생략되어 있을 뿐)

초기 html.json 파일

 

 

자동완성 이름이라 적힌곳에

이 자동완성의 이름을,

prefix에 자동완성을 불러올때 필요한 글자,

body에 내용을,

description에 자동완성에 대한 설명을 적어주자.

body가 여러줄이라면 정렬과 같이 대괄호에 넣어주자

 

성공적으로 추가를 완료하게되면

html파일을 만들어 테스트해보자