VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


HTML 내에서 매칭되는 닫는 태그나 여는 태그를 강조해 주는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag




ㅇㅇㅇㅇ



VariableDefaultDescription
highlight-matching-tag.enabledtrueEnables/disables the highlighting and status bar
highlight-matching-tag.showPathtrueEnables/disables showing path to tag in status bar (e.g. div > p > a)
highlight-matching-tag.showRulertrueEnables/disables showing highlighted tag pair in ruler section
highlight-matching-tag.highlightSelfClosingfalseShould self-closing tags be highlighted too (can be useful for multiline self-closing tags)
highlight-matching-tag.highlightFromContentfalseWhether to highlight from the tag content the closest matching tag pair
highlight-matching-tag.styles{ opening: { name: { underline: 'yellow' } } }Custom styling configuration, see Styling Options


현재 작업하고 있는 들여쓰기 깊이를 시각적으로 강조 표시해 줍니다.


링크 : https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator





추가 기능

indenticator.showHover = true 로 설정하여 현재 들여쓰기 블록 둘러보기


indenticator.inner.showHighlight = true 로 설정하여 블록의 들여쓰기 가이드 강조 표시

indenticator.inner.color.dark = #ff0000 으로 설정할 경우 아래처럼 빨간색으로 표시됨


+ Recent posts