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 에 해당하는 단어를 입력하면 된다.
'웹개발' 카테고리의 다른 글
문서의 load, DOMContentLoaded, (0) | 2019.05.18 |
---|---|
TypeScript 개념 소개 (0) | 2019.04.19 |
Promise 프라미스, 비동기 처리 (0) | 2018.12.18 |
자바스크립트 논리연산자의 거짓인 값, 기본값 설정 방법, 변수의 불린값 확인 (0) | 2018.12.14 |
vscode 단어선택 더블클릭으로 , 유용한 단축키 (0) | 2018.11.29 |