[작성일: 2023. 02. 20]
- 준비물 : Visual Studio Code
스니펫(Snippet)은 재사용 가능한 소스코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어이며, 사용자가 루틴 편집 조작 중 반복 타이핑을 회피할 수 있게 도와준다.
스니펫으로 VS Code 프로그램 내에 html을 쉽게 작성할 수 있다.
먼저 VS Code에 접속하면 왼쪽 하단에 환경설정에 사용자 코드 조각이라는 메뉴가 보인다.
영문판은 User Snippets이라고 적혀있다. 클릭해주기!
그럼 화면 위 쪽에 검색창이 생길 것이고 새 전역 코드 조각 파일을 클릭해준다.(New Global Snippets file...)
사용할 이름을 적어주고 Enter를 누른다. 나는 snippet으로 이름을 정해주었다.
클릭해주면 주석처리 된 코드를 볼 수 있다. 여기에 내가 사용할 코드를 작성해주면 된다.
print to console은 스니펫의 이름이다.
scope는 snippet을 사용할 언어이다. 나는 html이라서 html을 적어주었는데 js에서 사용할 거면 javascript라고 적으면 된다.
prefix는 snippet을 불러올 명령어이다. 나는 jhtml이라고 정해주었기 때문에 jh까지만 써도 자동으로 스니펫이 나온다.
body는 snippet이 불러울 코드이다. 한 줄에 한 문장씩 작성해야 하며 " "로 감싸주고 줄 끝에는 ','를 작성해야 한다.
'$1'과 '$2'는 커서가 첫 번째로 위치할 곳, 두 번째로 위치할 곳이다. 참고로 필수항목은 아니다.
모두 적어준 후 저장을 한다.
새 파일을 작성하고 prefix를 적어보면 설정한 snippet이 활성화 된 것을 볼 수 있다.
클릭해주면 내가 설정한 snippet 코드가 불러와진다.