본문 바로가기
IT/비주얼 스튜디오 코드

VScode 코드조각(Snippets) 기능

by Blog37 2024. 5. 2.
반응형

코드조각(Snippets) 기능이란?
코딩할 때 자주 쓰이는 소스 코드(조각)을 단축키로 지정해 사용하는 기능이다.
(코드조각(Snippets) 기능을 사용하면 작업 속도를 높이데 도움이 된다.)

[사용 방법]
1. VScode 파일 메뉴에서 '기본 설정 > 사용자 코드 조각' 메뉴를 (선택)클릭한다.


2. VScode 커맨드 팔레트에서 '새 전역 코드 조각 파일...'을 선택(클릭)한다.

3. 생성할 코드조각 파일 이름을 (영문으로) 지정한 후 Enter키를 눌러러준다. (예: mySnippets)


4. 생성된 코드조각 파일에서 내가 자주 쓰이는 코드(조각)과 단축키를 지정해주면 된다.

[예시 코드]

"목록 태그": {    // 코드 조각 이름
    "scope": "html",    // 언어 지정(html, css, javascript ...)
    "prefix": "list",    // 단축키 지정
    "body": [    // 코드 작성...
        "<ul>",
        "\t<li>$1</li>",
        "\t<li>$2</li>",
        "\t<li>$3</li>",
        "</ul>\n$4"
    ],
    "description": "목록 태그 입니다..."    // 코드에 대한 설명글...
}

반응형