vscode 설치 및 익스텐션 추천

드림코딩by엘리 님의 유튜브!!

• https://www.youtube.com/watch?v=bS9yTI2fC0w
• 우연치 않게 들어간 채널인데 엄청 좋음!!

vscode 설치

• https://code.visualstudio.com/download
• OS 맞는 파일을 다운로드 후 설치

vscode 익스텐션

1. Material Theme
   • 머테리얼 뗌(?)
   • 이쁜 테마, 눈이 편하는 자기에 맞는 테마를 선택하는 것을 추천
   • Setting > Color Theme : Ctrl + K, T
   • 나는 Material Theme Darker High Contrast 가 맞는듯!!
2. Material Icon Theme
   • 이쁜 아이콘 테마
   • 필수인듯
3. Prettier - Code formatter
   • 코드 포맷팅
   • 설정 변경이 필요(Format On Save, Tab Width 4->2, Javascirpt Quote Style -> Single Quote)
4. Bracket Pair Colorizer
   • 중괄호 마다 색깔을 다르게 표시
5. Indent-rainbow
   • 들여쓰기 깊이마다 색깔을 다르게 표시
6. Auto Rename Tag
   • HTML 앞태그명을 변경하면 뒤태그를 자동으로 변경
7. CSS Peek
   • HTML에서 지정된 css 속성을 바로 이동
8. HTML CSS Support
   • class, css 속성 입력시 자동완성 기능
9. Live Server
   • 실시간 웹서버
   • 웹파일을 수정하면 실시간으로 서버에 반영, 브라우저에서 바로 확인 가능
10. Markdown Preview
    • .md 파일을 미리보기할 수 있는 익스텐션
    • 기본으로 설치되어 있다.