본문 바로가기

Web Development

[Frontend] 프론트엔드 개발에 유용한 VS code Extensions

728x90

지저분한 Indentation 정리하기 (Beautify)

1) VS code Extension인 Beautify의 명령어 HookyQR.beautify를 단축키(ex) alt+cmd+l) 설정

2) 정리하고 싶은 코드를 드래그한 후, 단축키 눌러 명령어 부르기

자동으로 HTML 태그 변경하기 (Auto Rename Tag)

시작 태그를 변경할 경우, 마지막 태그도 자동으로 동일하게 변환해주는 VS code Extenstion

 

 

HTML 파일을 화면으로 출력해서 보여주기 

개발을 위해 임시로 로컬 서버를 오픈해 HTML 파일을 화면으로 출력해서 보여주는 VS code Extension

 

반응형