[HTML.006] vscode 편리한 패키지 추천

VSCODE(Visual Studio Code)에 웹 프로그래밍을 할 때 편리한 패키지를 추천해 드립니다.

 

 

 [1] Auto Rename Tag  

HTML 태그 수정시 "시작태그"를 수정하면 "닫는태그"까지 자동으로 수정되는 패키지 입니다.

 

사용법

 

[설치방법] vscode 패키지 검색창에서 "Auto Rename Tag"를 검색하고 Install 버튼을 눌러 설치하면 됩니다.

 

 

 [2] CSS peek  

HTML의 태그를 Ctrl+클릭시 해당 CSS 부분으로 화면이 자동으로 옮겨가는 패키지 입니다.

 

사용법

 

[설치방법] vscode 패키지 검색창에서 "CSS peek"을 검색하고 Install 버튼을 눌러 설치하면 됩니다.

 

 

 

 

 [3] Live Server  

vscode에서 코딩 후 저장만 하면 웹 브라우저에서 자동으로 결과를 반영해 주는 패키지 입니다.

 

사용법

 

[설치방법] vscode 패키지 검색창에서 "Live Server"를 검색하고 Install 버튼을 눌러 설치하면 됩니다.

 

 [4] Tab out  

vscode에서 코딩을 하면서, 따옴표(" ")나 태그(<>)를 벗어나기 위해 화살표 키보드를 사용하지 않고 Tab 키만 사용하여 편하게 벗어나게 해주는 패키지 입니다.

 

사용법

 

[설치방법] vscode 패키지 검색창에서 "tabout"을 검색하고 Install 버튼을 눌러 설치하면 됩니다.