Visual Studio Code
는 마이크로소프트에서 개발된 Code Editor이다.
Visual Studio Code를 설치하고 본격적으로 작업하기 전,
몇 가지 Extension 세팅을 해주면 훨씬 효율적인 코딩을 할 수 있다.
Auto Rename Tag
Auto Rename Tag는 HTML/XML에서 tag를 수정할 때
해당 tag와 연결된(시작, 종료 태그) 것을 함께 수정해주는 Extension이다.
HTML 태그를 작성 및 수정할 때는 반드시 '시작 태그'와 '종료 태그'를 똑같이 맞춰줘야 하는데
Auto Rename Tag는 이러한 실수를 줄일 수 있도록 도와준다.
Code Spell Checker
Code Spell Checker는 사전에 등록되지 않거나 개발 시 자주 사용되지 않는 단어가 VSC에 기록될 경우, 시각적 피드백을 통해 알려주는 Extension이다.
Error Lens
Error Lens는 하단 패널의 ‘문제' 영역에만 표시되던 오류 메시지를 해당하는 줄에서 바로 볼 수 있도록 도와주는 Extension이다. 문법이나 기타 오류를 바로 확인할 수 있어 디버깅시 시간을 줄여준다.
Prettier
효율적인 개발을 위해 중요한 '가독성'을 높이려면
알맞은 띄어쓰기와 종료를 알려주는;
(세미콜론),indent
(들여쓰기) 등을 잘 써야한다.
Prettier은 이런 것들을 코드 저장시 자동으로 설정해주는 Extension이다.
Live Sever
Live Sever는 html을 작성할 때 브라우저에서 변경된 점을 실시간으로 즉각 확인할 수 있도록 도와주는 Extension이다.