[HTML] 기본 VS Code 실습 환경 구축

필자는

제대로 파는 HTML & CSS - 웹 퍼블리싱 끝.장.내.기로 강의로 HTML 복습을 시작했다.

학교 수업에서 듣긴 했지만 가물가물하기도 하고 기초부터 제대로 학습하고 싶은 생각이 들어서였다.

 

 

 

 

현재 포스팅하고 있는 내용은 lesson 3 내용이며, 

본격적인 html 시작 전 세팅설정에 대해서 알려준다.

 

탭 사이즈 && 자동 줄바꿈 설정

1. VS Code 설정 창 열기
   • 윈도우: Ctrl + ,
   • 맥: Command + ,

 

1. Tab Size 항목 2로 설정

 

1. Word Wrap 항목 on으로 설정

 

플러그인 설치

플러그인설명비고

Korean Language Pack	에디터 한글화
Material Icon Theme	탐색기 아이콘 테마
One Dark Pro	에디터 색 테마
Live Server	새로고침 없이 코딩 중인 웹 업데이트
indent-rainbow	들여쓰기 색으로 구분
Bracket Pair Colorizer	여는 괄호와 닫는 괄호 짝 지어줌	내장 기능이 됨
Auto Rename Tag	여는 태그 수정시 닫는 태그도 자동수정

위에 모두 marketplace에서 설치하면 된다.

단, bracket Pair Colorizer는 기본 내장되어 있어 설정(ctrl+,)누른 후 아래 사진 처럼 설정하면 된다.

 

 

특히 플로그인은 몰랐던 것들이 많은데 설치시 도움되는 것이 많다.

강의를 듣기로 한건 잘한 것 같다!!