Visual Studio Code 사용법

참고사이트

• emmet
• Visual Studio Code 메뉴얼

VS Code 단축키

PDF로 내려받기

기능	단축키
명령어 입력	F1
터미널	Ctrl + `
설정	Ctrl + ,
소스 format	Shift + Alt + F
소스 format(선택범위)	Ctrl + K + F
검색(현재파일)	Ctrl + F
주석	Ctrl + /
검색(전체파일)	Ctrl + Shift + F
한줄 복사	Shift + Alt + ↑ or ↓
한줄 삭제	Ctrl + shift + k
한줄 이동	Alt + ↑ or ↓
세로 선택	Shift + Alt + 드래그
	Ctrl + Alt + ↑ or ↓
다중 커서	Alt + click
단어선택	Ctrl + Shift + L
함수정의문으로 이동	F12
함수정의문 엿보기	alt + F12
MD(마크다운) 미리보기	Ctrl + Shift + V
기본 브라우저로 열기	Alt + B
특정 브라우저 지정하여 열기	Shift + Alt + B

Git을 이용한 소스 제어 참고

1. git 프로그램 설치

• 다운로드 : https://git-scm.com/downloads
• git 프로그램 설치하고 VS Code 다시 시작

2. 사용자이름과 이메일 주소 설정 참고

• 터미널 창을 열고(Ctrl + ` ) 아래의 명령을 입력.
  Git을 설치하고 나서 가장 먼저 해야 하는 것은 사용자이름과 이메일 주소를 설정하는 것이다.

git config --global user.name "xxx"
git config --global user.email xxx@yy.zz
git config list

3. github 로그인

github 계정으로 VS Code 로그인하여 디바이스간에 백업 및 동기화를 할 수 있음

• 액티비티 바의 [계정] 메뉴 => [백업 및 동기화 설정...] 메뉴 선택
• 로그인 버튼
• GitHub(으)로 로그인 선택
• github 로그인

4. github에 리포지토리 게시하기

• 액티비티바에서 소스제어 메뉴
• 리포지토리 초기화 버튼 : .git 폴더가 생성됨
• 변경 사항에서 [모든 변경 내용 스테이징] 버튼 클릭하여 스테이징된 변경사항 으로 이동
• 커밋 메시지를 입력하고 커밋 버튼
• 게시 Branch 버튼 클릭
• 게시될 리포지토리명을 입력하고 public 또는 private 타입을 선택

5. github에 변경내용 올리기

• 액티비티바에서 소스제어 메뉴
• 변경 사항에서 [모든 변경 내용 스테이징] 버튼 클릭하여 스테이징된 변경사항 으로 이동
• 커밋 메시지를 입력하고 커밋 버튼
• 변경내용 동기화 버튼 클릭

6. GitHub에서 리포지토리 복제하기

• 액티비티바에서 소스제어 메뉴
• 리포지토리 복제 버튼
• GitHub 리포지토리 URL 입력하고 엔터
• 복제할 폴더를 선택

확장팩 설치

• Korean Language Pack for Visual Studio Code
  VS Code용 한국어 팩
• Live Server
  정적 페이지 라이브 리로드 기능이 있는 로컬 서버
• es6-string-html
  백틱(다중줄 문자열/템플릿리터럴) 안의 태그 강조.
  스트링 앞에 주석 /html/ 또는 //html 을 추가하면 됨.