[코딩] VS Code 사용 시 유용한 확장 프로그램

Visual Studio Code를 사용할 때
유용한 확장 프로그램들을 몇 개 가져와봤다.

1. Beautify
→ VS Code 상에서의 코드들을 예쁜 형태로 정리해주는 기능을 한다.

2. Auto Rename Tag
→ HTML이나 XML 태그들의 이름을 변경할 시에 이를 자동으로 변경해준다.

3. Live Server
→ VS Code에서 간이 로컬 서버를 이용한 실시간 미리보기 기능이다.

따로 서버에 등록하지 않고도 작성하고 있는 코드가
웹 페이지 상에서 어떤 식으로 나타나는지 미리 볼 수 있게 해준다.

html 코드 상에서 마우스 우클릭을 통해 Open with Live Server를 실행 시에 기본 설정 포트 번호인 5500번 포트를 사용해 서버에 접속한다.

코드를 수정하고 저장해줄 때마다 이를 실시간으로 반영하여
웹 페이지의 결과물을 보여주는 것을 확인할 수 있다.