[VSCode]Tip 자동입력 커스텀

비쥬얼 스튜디오 코드 자동완성 사용자 설정하기

VScode를 사용하다 보면 자동 완성 기능의 아쉬움이 조금식 보이면서 별것도 아닌데 쓰잘데 없는데 왠지 자꾸 거슬리고 신경쓰이고 공부못하는 놈이 책상정리부터 . . . 그래서 삼천포로 빠져 자동 완성수정부터 해보겠습니다. 

 

프로그램들이 사용자 지정을 할때 기존 설정을 바꾸는 방법이 있고 사용자 지정을 따로 만들어 우선권을 주는 방식이 있습니다. 중요한건 파일을 따로 만든다는 거져

우선 그파일 찾아야 합니다.  

 

1. 사용자 지정 파일 찾기

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

설정 파일 검색 : 사용하고자 하는 언어 검색

html 검색

javascript 검색

css 검색

사용자 지정 파일

 

2. 형식에 맞게 자동완성 추가하기

열린 파일에 자세한 사용 방법이 나와 있습니다. 잘 읽고 . . . 

 

7번라인부터 14번라인까지 추가 형식입니다. 

 

밑에 복사 붙여넣기를 합니다. 

 

앞에 달린 // 주석처리를 다 지워주시고 내용을 수정합니다. 

 

prefix 항목 : 단축키

body 항목 : 코드내용

description 항목 : 이름이나 간단설명

 

그리고  자동 입력을 하고 커서의 위지를 지정해 줍니다. 

 

지정을 안해주면 자동입력 코드의 끝에 커서가 위치합니다. 

 

자동입력을 하고 바로 다음 코드를 입력할수 있게 커서위치를 지정해 주는 것이 편하겠죠

 

커서의 위치는 $1부터 시작해서  탭을 누르면 $2로 이동 다시 탭누르면 $3 이동합니다. 

 

기본적으로 코드가 입력해 놓고 그때 그때 수정을 하는 곳은 ${1:label}, ${2:another} 같이 표시를 하면

 

커서가 이동되면서 자동으로 선택된 상태가 됩니다. 

 

- Tip -

단축키가 기존 코드있어도 선택할수 선택할수 있기는 하지만 선택을 위해 방행키로 손을 움직이는 것보다는 겹치지 않게 하는 것이 좋습니다.