[VSCode] MacOS - VisualStudio Code 환경설정

HTML 공부를 시작하면서 개발 툴을 선정했는데

VSCode를 사용할 생각입니다.

프로젝트를 진행할때도 여러 개발 툴을 돌아다니며 개발하는 것 보다

하나의 툴에서 여러 작업을 할 수 있는 메리트가 있습니다.

 

이번 포스팅은 유용한 확장프로그램 추천 및 기능을 기술하겠습니다.

우선 테마 입니다

 

VSCode를 실행하게 되면 기본적으로 이런 테마가 적용되어있습니다

확장 프로그램에서 쓸 테마를 검색해서 눈이 편하고 가독성이 뛰어난 테마를 골라

선택해주도록 하겠습니다

 

저는 one Dark Pro 라는 확장 프로그램에서

One Dark Pro Night Flat테마를 적용했습니다

 

지금부터는 제가 사용하는 유용한 확장 프로그램을 나열하겠습니다

태그를 자동으로 닫아주는 유용한 프로그램입니다

주석을 사용할때 색상을 나타낼 수 있습니다

한국어로 번역된 UI가 제공됩니다

HTML 작업을 할때 웹 페이지 화면을 라이브로 보여줍니다
실행방법: command + L + O

 

확장자명에 따라 아이콘이 추가됩니다

여러 언어를 사용할 수 있는 개발 툴이라 아이콘으로 구분이 명확하게 돼서 좋습니다!