HTML5 vscode 개꿀 확장프로그램

 

 

Auto Rename Tag
 HTML 작성 시 시작 태그와 닫는 태그를 동시에 수정 가능하다.

 

 

 

Auto Close Tag
 HTML 파일 작성 시 닫는 태그를 자동 완성한다.

 

 

Highlight Matching Tag
• HTML 작성 시 일치하는 해당 태그 클릭 시 닫는 태그를 자동 하이라이트 한다.

 

 

Image preview
• HTML 작성 시 이미지 경로에 마우스를 올리면 이미지를 미리 볼 수 있다.

 

 

 ESLint
 소스 코드 작성 시 실수를 하면 오류 메시지를 알려주기 때문에 디버깅 시간을 단축할 수 있다.

 

 

 

 ES6 Code snippets
 화살표 함수 등 자동 완성할 수 있는 코드 템플릿을 제공한다.

 

 

 

 Live Server
 웹 서버 설치 없이 현재 작성하고 있는 HTML 페이지를 새로 고침 하지 않아도 저장할 때마다 실시간으로 반영하여 보여준다.