일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- CSS
- 알고리즘 풀이
- js
- 파이썬 알고리즘
- MAC
- Baekjoon
- django ORM
- 장고
- form
- 파이썬
- Algorithm
- 백준
- HTML
- react
- es6
- API
- django widget
- django rest framework
- 알고리즘
- 알고리즘 연습
- PYTHON
- java
- 알고리즘 문제
- c++
- Django
- Git
- DRF
- AWS
- javascript
- web
Archives
- Today
- Total
수학과의 좌충우돌 프로그래밍
[html] vs code extension, Highlight Matching Tag 본문
안녕하세요 강민성입니다.
간단하게 vs code extension을 하나 소개하도록 하겠습니다.
복잡한 코드를 한 눈에,Highlight Matching Tag
이름에서도 바로 알 수 있듯이, 어느 tag의 매칭되는 tag를 하이라이트해주는 기능을 가지고 있습니다.
코드가 길어질수록 여는 태그와 닫는 태그가 구분이 안되서
실수로 닫는 태그나 하나 부족하거나 더 많거나 하는 경우가 생길 겁니다.
이럴 경우, 전체적인 코드에 영향을 미치므로 이 extension을 이용해서 해결하시기를 바랍니다.
다음과 같이 한 태그를 선택했을 때 그 태그와 매칭되는 태그에 노란선으로 하이라이트 해줍니다.
설치경로는 아래 홈페이지 혹은 vs code 내에서 가능합니다.
https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag
'웹프로그래밍 > html,css' 카테고리의 다른 글
[css] div에 이미지 꽉 채우는 방법 (0) | 2019.03.31 |
---|---|
[css] css 선택자(selector) 의 종류와 예시 (3) | 2019.03.24 |
[html] 이미지를 만드는 태그 (0) | 2019.01.22 |
[html] 2.텍스트 관련 태그들 (3) 표를 만드는 태그 (0) | 2019.01.19 |
[html] 2.텍스트 관련 태그들 (2) 목록을 만드는 태그 (0) | 2019.01.18 |
Comments