[VSCode] console.log 단축키

hyomin·2024년 10월 22일
0

VSCode

목록 보기
1/1
post-thumbnail

코딩을 하다보면 console.log()로 값을 확인하는 경우가 종종 있다. 매번 치면 매우 번거로운일이 아닐 수 없다. 매번 검색해서 설정하다가 기록하기로 결심...


1. File -> Preference -> Configure Snippets


2. javascript 타이핑

javascript.json을 선택한다


3. javascript.json 오픈


4. 입력!

단축키는 cl로 지정했다. 다른게 편하다면 prefix에 다른 단어 입력

"console.log print": {
		"prefix" :"cl",
		"body" : [
			"console.log()"
		],
		"description": "Log output to console"
	}


5. 확인


6. 문제

문제아닌 문제 발견.. 커서가 마지막에 있어 값을 넣으려면 왼쪽으로 한칸을 이동해야하는 번거로움...

7. 해결!

다시 javascript.json에 가서

	"console.log print": {
		"prefix" :"cl",
		"body" : [
			"console.log($1)"
		],
		"description": "Log output to console"
	}

body부분에 console.log() 안에 $1추가해준다.

이후 확인해보면

다음과 같이 매우 편안하게 값을 넣을수 있게 된다.

profile
Frontend Developer

0개의 댓글