웹개발
사용자 정의 스니펫 snippet 자바스크립트 설정
미스터몽키
2019. 5. 18. 15:28
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 에 해당하는 단어를 입력하면 된다.