나만의 VsCode 스니펫 만들기

VsCode에서 나만의 스니펫 만들기

1. Open VsCode and type

1. type Configure User Snippets

1. type Select the language you want to create snippets for

CSS
....
자바스크립트를 입력해 봅시다.

{
    // ↓ this is name of snippet
    "Print to console": {
        // ↓ this is prefix the command will be typed to use it.
        "prefix": "log",
        //  ↓ this is the snippet itself, body of the snippet
        "body": [
            //  $1 is the placeholder for the first argument, $number defines tabindex for the snippet.
            "console.log('$1');",
            "$2"
        ],
        //  ↓ this is the description of the snippet.
        "description": "Log output to console"
     }
}

1. type Save the snippet/ Close the file.


Make a file index.js
use the prefix to type the snippet.
type log and hit enter.

파일 이름, 폴더 이름, 커서 위치와 같은 더 많은 기능을 스니펫에 변수를 추가하여 스니펫에 추가할 수도 있습니다.

VsCode 스니펫 문서에서 스니펫의 더 많은 변수를 읽으십시오.

이것으로 만들 스니펫을 공유하십시오.