[vs code] 비주얼 스튜디오 코드, 간단히 부모 감싸기.

#vscode#wrap#Ctrl+Shift+p#Emmet:Wrap with Abbreviation#Emmet:약어로 래핑

 

안녕하세요 Gi_1입니다.

 

코드를 짜다보면, 중간중간에 부모요소를 추가할 때가 많은데요. 

그럴 때마다 부모요소 만들고, 복사하고 붙여넣기를 하는 과정이 사실 오랜 시간이 걸리지는 않습니다.

하지만 약어로 래핑 기능을 사용하면 좀 더 빠르게 코딩을 칠 수 있다는 생각 입니다.

 

 

 

사용방법

 

 

우선 자식요소로 포함될 코드들을 드래그 해줍니다.

 

 

 

이후, Ctrl + Shift + P를 동시에 입력하면 모든 명령어 보기라는 창이 나타납니다.

여기서 Emmet: Wrap with abbreviation이라는걸 선택합니다.

*한글패치가 되신 분들은 Emmet : 약어로 래핑 을 선택해주시면 됩니다.

 

 

section이라고만 입력하면 <section> </section>으로 감싸줍니다.

 

section.main_sec01로 입력하면 클래스명을 바로 추가할 수 있습니다. 

(이건 굳이 래핑 기능이라기 보다는 vs코드에서 코딩을 할 떄도 클래스는 . 아이디는 #으로 입력하시면 빠르게 클래스나 아이디를 지정할 수 있습니다.)