VSCode(Visual Studio Code) 설치 및 확장 프로그램

VSCode 다운로드

VS Code 다운로드

https://visualstudio.microsoft.com/ko/free-developer-offers/

 

 

추천 확장프로그램

• Prettier - Code formatter
  코드 정렬 프로그램

좌측하단 톱니 - 설정 - editor fomat 검색  ( 단축키 : 컨트롤 + 쉬프트 + x )
- Default Formatter 옵션에서 Prettier - Code formatter 선택
- Editor: Format On Save 옵션에서 체크박스 체크

• Material Theme
  색상 테마를 바꿔주는 프로그램

파일 - 기본 설정 - 색테마  선택 후 원하는 테마로 변경

• Material Icon Theme파일 아이콘 변경 프로그램

• Auto Rename Tag태그를 자동으로 수정해주는 프로그램
  HTML 작업 할 때 좋음

• HTML to CSS autocompletion
  HTML에서 정의한 태그, ID, 클래스 등을  CSS에서 불러올 수 있는 프로그램 (자동완성 기능)

• HTML CSS Support
  HTML to CSS의 반대되는 개념
  CSS에서 HTML로 자동 완성 기능의 프로그램

• Live Server
  HTML 코드를 브라우저를 통해 실시간으로 확인 가능
  HTML 파일에 우클릭 - Open with Live Server 클릭하여 실행

• Tabout
  자동으로 완성되는 쌍따옴표(" ")와 같은 코드를 빠져나갈 때 탭(tab)키로 빠져나가기
  * 코드 작성 중 방향키로 코드 빠져나가는 귀찮음을 줄일 수 있음