02. 비쥬얼스튜디오 코드 익스텐션 설치하기

비쥬얼 스튜디오 코드(visual studio code) 설치 및 9개 익스텐션 추천!! - 프론트엔드 개발자 입문편 / 웹 개발 환경 설정

익스텐션은 쉽게 ‘플러그인’이라고 생각하면 된다.

비주얼 스튜디오를 조금 더 편하게 사용할 수 있도록 도와주기 때문에 설치해 두면 조금 더 편하게 개발을 할 수 있다!

일단 이 영상에서 추천하는 익스텐션은 아래와 같다.

• Material Theme

  

  • 비주얼 스튜디오 코드의 테마를 변경할 때 사용한다.
  • set color theme버튼을 눌러서 테마를 변경할 수 있다.

• Material Icon Theme
  

  • 각 파일 또는 폴더의 앞에 붙는 아이콘들을 Material design으로 바꿔주는 익스텐션이다.

• Auto Rename Tag
  

  • html을 공부할 때 유용한 익스텐션으로, 태그 변경을 용이하게 한다.

• HTML to CSS autocompletion

  • html 문서에서 작성한 클래스 이름이 css 파일에서 자동완성으로 뜬다.

• HTML CSS Support

  

  • CSS 파일에서 정의한 클래스를 HTML에서 사용할 때 자동완성이 가능하도록 해준다.

• CSS Peek
  

  • html문서에서 클래스를 ctrl + click으로 바로 찾아가고 싶을 때 사용할 수 있는 익스텐션이다.

• Autoprefixer

  

  • 벤더 프리픽서를 자동으로 붙여준다.

• indent-rainbow
  

  • 들여쓰기 색상을 구분해주는 익스텐션이다.