Notice
Recent Posts
Recent Comments
«   2025/01   »
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
Archives
Today
Total


관리 메뉴

JUST DO IT

VSCode에서 Live preview, Auto rename tag 설치하기 본문

LANGUAGE/HTML

VSCode에서 Live preview, Auto rename tag 설치하기

ROKIIIII 2024. 11. 12. 20:08

Visual Studio Code에서 필수 extension인 Live preview와 Auto rename tag 설치방법입니다.

 

 

1. VSCode를 실행  후 Extensions 로 가서 Live preview를 검색 후 설치합니다.

 

2. 같은 방법으로 Auto rename tag 또한 검색 후 설치합니다.

 

3. 설치 후 우측 상단에 Show Preview 버튼을 누르면

 

4. 아래와 같이 페이지를 미리 볼 수 있습니다.

 

5. Auto Rename Tag 또한 태그를 열면 자동으로 닫아주는 태그가 생성되는것을 확인할 수 있습니다.

'LANGUAGE > HTML' 카테고리의 다른 글

[HTML] Visual Studio Code 줄 정렬 단축키  (0) 2024.11.26
[HTML] 리스트의 종류와 사용법  (0) 2024.09.10