23.03.02 / VScode (Visual Studio Code) 설치와 실행

[ 프로그램 설치 ]

1. Visual Studio Code 사이트 접속 - 윈도우용 다운로드

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

2. 추가 작업 선택에서 모든 체크 박스 선택 후 설치

 

 

[ 프로그램 확장 설치  및 작업 환경 설정]

1. 왼쪽의 extension(확장) 아이콘 누르기
2. 필수 설치 : korean / html css support / live server / auto rename tag / html auto completion 
3. 노드 실행 단축키 설치 ctr+alt+n : code runner(노드 사용)
4. 선택 설치 : material icon
5. 실행 브라우저 바꾸기 위한 설치 : open in browser - 톱니바퀴 - 확장 설정 - chrome 입력
6. 들여쓰기 설정 (작업 파일 마다 설정) : 아래의 파란색 줄에 있는 공백4 - 탭 표시 크기 변경 - 2번
7. 들여쓰기 설정 (자동 설정) : 파일 - 기본 설정 - 설정 - tap size에서 변경

1. 들여쓰기 설정하는 이유 : 코드의 가독성을 위해서 필수로 확인해야 한다.
2. 나를 감싸는 중괄호 1개 = 탭 1번
3. 협업을 위해서 꼭 지켜야 한다. (들여쓰기, 파일 이름, 태그의 속성 이름 표기 등..)

 

[ 단축키 수정 ] 

왼쪽 아래 톱니바퀴 누르고 - keyboard shortcut에서 수정

delete line - ctrl + d 로 바꾸면 편하다.

 

[ 프로그램 시작]

• new - new folder 작업 폴더 선택
• explorer 탭에서 오른쪽 마우스 new file -  파일이름.html or .css 만들기 (확장자명 잘 쓰기)