티스토리 뷰

 

vscode 유용한 extension 설치

vscode 홈페이지 화면

  • vscode를 실행하고 아래 그림 1에서 빨간색 표시된 부분을 클릭하세요.

extention 추가 버튼을 나타낸 그림
그림 1. extention 추가 버튼

  • 검색창에 추가하고자 하는 익스텐션의 이름을 넣고 엔터키를 치세요.

 

설치하면 유용한 extension 소개

1. Code Spell Checker

  • 영어 오타 찾아줍니다.

2. Live server

  • 작성한 html의 결과를 보여줍니다.

3. prettier-code formatter

  • 코드 체계에 맞게 자동으로 조정해줍니다.

4. Auto Rename Tag

  • 시작 태그를 수정하면 마감 태그가 자동으로 수정됩니다.

5. Auto Close Tag

  • 시작 태그를 수정하면 마감 태그가 자동으로 수정됩니다.