비쥬얼 스튜디오 코드에서
htmltagwrap 확장기능을 사용하여~
쉽고 간단하게
텍스트를 태그로 감싸는 방법을 알려드릴게요.
1. Visual Studio Code - EXTENSIONS
Visual Studio Code의 좌측 상단에 아이콘 리스트가 있는데!
그곳 중 4번째를 클릭하면 extesnions를 확인 할 수 있습니다.
extensions 검색창에~
필요한 확장기능을 찾아 설치 하면 됩니다.
2. EXTENSIONS - htmltagwrap 설치
extension 검색창에 htmltagwrap 입력하고!
위에 이미지와 같은 화면이 뜨면~ 설치 하면 됩니다.
3. htmltagwrap 사용 방법
1. 텍스트를 입력
2. 입력한 텍스트를 드래그
3. 드래그 상태에서 단축키 alt + w 입력
4. p태그가 자동 생성 됨
넘넘 편한 꿀기능 이죠??!?
기본 p태그로 되어 있지만~
본인이 자주 사용하는 태그로 변경할 수도 있습니다.
보통 division태그인 div태그를 많이 사용하시죠?
div태그로 변경하는 방법을 알려드리겠습니다~!
4. htmltagwrap - default tag 변경 방법
1. Settings 열기 (단축키: ctrl +, )
2. 검색창에 htmltagwrap 입력
3. default 태그 입력 (본인이 원하는 태그)
텍스트를 드래그한 후
단축키 ctrl + w 를 누르면~
내가 설정한 div태그로 변경 되는 것을 볼 수 있습니다.
내가 자주 사용하는 태그를~
단축키를 사용하여 쉽게 감싸는 방법을 알아보았습니다.
'DEV INFO' 카테고리의 다른 글
| CLI, GUI, Shell 기초 개념 정리 (0) | 2025.12.01 |
|---|---|
| picture 태그, 반응형 이미지를 구현하는 두 가지 방법 (1) | 2025.11.28 |
| picture 태그, 반응형 이미지를 만들 수 있는 태그 사용 방법 (0) | 2025.11.28 |
| vscode 터미널 shell 설정 방법, git bash로 변경 (0) | 2025.11.27 |
| Web Developer 확장프로그램 사용 가이드, SEO 웹접근성 점검 방법 (0) | 2025.11.25 |