Visual Studio Code 시작하기

Yeeeeeun_IT·2022년 8월 27일
0

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이다.

profile
🍎 The journey is the reward.

0개의 댓글