VSCode 팁

한번에 여러개의 반복되는 코드 입력에 넘버링

<span style="--i:1"></span>
<span style="--i:2"></span>
<span style="--i:3"></span>
<span style="--i:4"></span>
<span style="--i:5"></span>

위와 같이 입력하고 싶은 경우 $ 을 사용하여 넘버링

// 아래와 같이 입력 후 탭
span[style=--i:$]*5

그렇지만 위와 같이 입력시 아래와 같이 한줄로 나타날 수 있다.

<span style="--i:1"></span><span style="--i:2"></span><span style="--i:3"></span><span style="--i:4"></span><span style="--i:5"></span>

위와 같은 경우 아래와 같이 설정

File - Preferences - Settings - User 탭 - Extensions - Emmet - Preferences - Edit in settings.json 클릭 후 아래와 같이 입력

"emmet.preferences": {
    "output.inlineBreak": 2
}

위와 같이 입력 후 저장

Mission Completed