VS Code Snippet Generator
모든 언어를 위해 탭스톱, 자리 표시자, 변수 구문으로 맞춤 VS Code 스니펫을 생성합니다.
$1, $2를 탭스톱에 사용하고, ${1:placeholder}를 기본값으로, $0을 최종 커서로 사용하세요
{
"My Snippet": {
"prefix": "mysnippet",
"body": [
"console.log($1);"
],
"description": ""
}
}이 도구 소개
VS Code 스니펫은 키보드 트리거에서 확장되는 재사용 가능한 코드 블록으로, 반복적인 타이핑을 줄여 개발을 극적으로 가속화합니다. 보일러플레이트 코드를 매번 손으로 작성하는 대신, 탭스톱으로 표시된 플레이스홀더 위치가 있는 스니펫을 한 번 정의하면 짧은 접두사를 입력하여 즉시 호출할 수 있습니다. 스니펫은 진지한 개발자에게 필수적입니다. 타이핑 시간을 절약하고 오류를 줄이며 프로젝트 전반에 걸쳐 일관된 코딩 패턴을 강제할 수 있습니다.
이 VS Code 스니펫 생성기는 코드를 적절한 스니펫 구문으로 변환하며 탭스톱($1, $2, $3), 선택 텍스트용 플레이스홀더, $TM_FILENAME이나 $CURRENT_YEAR 같은 VS Code 변수를 완전히 지원합니다. Body 필드에 코드 블록을 붙여넣고, 커서가 이동할 위치를 $1(첫 번째 정지), $2(두 번째 정지) 등으로 표시한 후, 짧은 Prefix(입력할 트리거 텍스트)를 정의하고 Name과 선택 설명을 입력한 다음 완전한 JSON을 생성합니다. 출력을 복사하여 VS Code 사용자 스니펫 폴더의 snippets.json 파일에 저장할 수 있습니다.
생성된 스니펫은 모든 언어에서 작동합니다. Scope를 파일 타입(JavaScript, Python, Go 등)에 맞게 설정하거나 "All Languages"로 두면 보편적으로 사용할 수 있습니다. 탭스톱과 변수는 강력합니다. $1은 확장 후 첫 번째 커서 정지 위치를 만들고, $0은 최종 위치를 표시하며, ${1:defaultText} 같은 식은 재정의하지 않을 경우 기본 텍스트를 제공합니다. 이 도구는 사용자 정의 스니펫 라이브러리를 구축하는 개발자, 팀 전체 코드 템플릿을 만들거나 함수 서명, HTML 보일러플레이트, API 호출 구조 같은 빈번한 패턴을 자동화하는 데 이상적입니다.
자주 묻는 질문
코드 구현
import json
def generate_vscode_snippet(
name: str,
prefix: str,
body: list[str],
description: str = "",
scope: str = ""
) -> dict:
snippet = {
name: {
"prefix": prefix,
"body": body,
"description": description,
}
}
if scope:
snippet[name]["scope"] = scope
return snippet
# Example: Python class snippet
snippet = generate_vscode_snippet(
name="Python Class",
prefix="cls",
body=[
"class ${1:ClassName}:",
" def __init__(self${2:, args}):",
" ${3:pass}",
"",
" def __repr__(self):",
" return f"${1:ClassName}(${4:fields})"",
],
description="Create a Python class with __init__ and __repr__",
scope="python"
)
print(json.dumps(snippet, indent=4))Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.