Published on

VSCode에서 Snippet 활용하기

Snippet 이란?

스니펫(snippet)은 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어이다. 사용자가 루틴 편집 조작 중 반복 타이핑을 회피할 수 있게 도와준다.

장점

  1. 반복적인 타이핑 작업을 피할 수 있습니다.

VSCode에서 Snippet 사용하기

1. Snippet-generator

snippet-generator을 이용하면 간단하게 스니펫을 만들 수 있습니다.

snippet-generator

2. vscode에 적용

Snippet-generator을 이용해서 만든 코드를 vscode에 적용해 봅시다.

VSCode에 [Code] > [기본 설정] > [사용자 코드 조각]를 클릭해 사용할 언어를 선택하시고 아래 그림과같이 Snippet-generator를 통해 만든 코드를 붙여넣어 줍니다.

snippet-vscode

3. 사용하기

지정한 명령어를 치면 다음과같이 코드가 작성된 것을 볼 수 있습니다.

snippet-result1
snippet-result2

참조

아래는$안에 지정할 수 있는 변수의 예시입니다.

TM_SELECTED_TEXT 현재 선택된 문자열 또는 빈 문자열

TM_CURRENT_LINE 현재 선택된 줄의 콘텐츠

TM_CURRENT_WORD 커서 아래에 있는 콘텐츠 또는 빈 문자열

TM_LINE_INDEX 줄번호를 나타내는 (zero-index)숫자

TM_LINE_NUMBER 줄번호를 나타내는 (one-index)숫자

TM_FILENAME 현재 문서의 파일 이름

TM_FILENAME_BASE 확장자를 제외한 현재 문서의 파일 이름

TM_DIRECTORY 현재 문서의 디렉토리

TM_FILEPATH 현재 문서의 전체 파일 경로

RELATIVE_FILEPATH 현재 문서의 상대 경로(열려있는 작업창 또는 폴더 기준)

CLIPBOARD 클립보드에 저장된 콘텐츠

WORKSPACE_NAME 열려있는 작업창 또는 폴더명

WORKSPACE_FOLDER 열려있는 작업창 또는 폴더의 경로

더 자세한 내용은 공식문서을 참조하세요!