사용자 정의 스니펫 snippet 자바스크립트 설정

vscode 에서 *.html 문서 script 태그 내에서 자주 사용하는 자바스크립트 구문을 스니펫 snippet 으로 저장하여 사용하면 편리하다.

"메뉴>파일>기본 설정>사용자 코드 조각" 에서

javascript.json(JavaScript) 선택

{

"console log 스니펫": {

        "prefix": "log",

        "body": [

            "console.log('$1');",

            "$2"

        ],

        "description": "console.log('_') by-jung "

},

"addEventListener 스니펫": {

        "prefix": "dga",

        "body": [

            "document.getElementById('${1:btn_}').addEventListener('${2:click}', function(event){",

"$0",

"})"

        ],

        "description": "document.getElementById('_').addEventListener by-jung"

},

"function 스니펫": {

        "prefix": "fun",

        "body": [

            "function ${1:함수명}() {",

"$0",

"}"

        ],

        "description": "function 사용자 정의 함수 by-jung"

}

}

샘플을 보고 그림 처럼 나만의 스니펫을 저장하여 사용하면 된다.

소스에서 prefix 에 해당하는 단어를 입력하면 된다.