🏠 home / 📮 posts / 📽️ project / 🏗️ this blog / vscode 코드 스니펫 설정

vscode 코드 스니펫 설정

2025-11-23 VsCode Zola

zola에 포스팅하려면,

+++
title = "제목"
date = "2025-11-23"
+++

이런 걸 위에다 써야 한다. 어렵진 않지만 귀찮긴 하다.

vscode에 code snippet (코드 스니펫) 이라는 기능이 있어 사용해 봤다. snippet 영어단어의 뜻은 정보, 한 토막이란 뜻이란다. vscode 내에서 cmd(control)+shift+p 후 configure snippets 누르고, 전역으로 사용할거면 글로벌로, 아니면 이 프로젝트 안에다 만들면 된다. json파일이 만들어진다.

{
	"post": {
		"scope": "markdown",
		"prefix": "post",
		"body": [
			"+++",
			"title = \"$1\"",
			"date = \"$CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE\"",
			"+++",
			"$0"
			],
		"description": "post start"
	}
}

내 파일이다.
코드 스니펫 이름은 post
scope(적용 파일 대상) 은 md
prefix(단축어)은 post (post쓰고 tab누르면 스니펫 삽입)
body(내용) 을 줄 단위로 배열로 쓰면 된다.
$1,$2 등은 스니펫 삽입 시 커서가 가는 순서이다.(tab으로 순서대로 이동)
$0 은 그 다음에 커서가 가는 곳이다.
$current_year.... 이런것들은 스니펫 변수이다. 나는 현재 연월일을 넣었다.
vscode 전역 settings.json 혹은 워크스페이스의 settings.json파일에서 "editor.tabCompletion": "on"이 없다면 넣어야 한다.

이제 md파일에서 post치고 tab누르면 자동으로 입력이 되고 제목만 치면 된다. 유용한 기능인 것 같다.