vscode 설치하고 github 사용하기

Visual Studio Code 란?

• MS에서 제공하는 크로스 플랫폼 에디터로 다양한 언어를 서포트 하며,
• IntelliSense와 Git 기능, 그리고 Extension 을 이용한 확장 기능을 제공하고 있는 IDE 이다.

- Visual Studio Code 설치하기

Visual Studio Code 사이트에서 다운로드 받아 설치한다.

설치 시 아래와 같은 페이지에서 기타에 모두 체크한다.

- Visual Studio Code 기본 설정

• 왼쪽 하단 설정 아이콘을 클릭한다.
• Auto Save 를 onFocusChange 로 설정한다.
• Font 를 D2Coding 으로 설정한다.
• Font Size 를 14 로 설정한다.
• Font Ligatures 를 true 로 설정한다.
• Tab Size 를 2 로 설정한다.
• Render Whitespace 를 all 로 설정한다.
• Word Wrap 을 on 으로 설정한다.
• Minimap 을 false 로 설정한다.

theme 설정

• Ctrl + Shift + P 를 눌러서 명령어 창을 띄운다.
• -theme 를 입력 후 원하는 테마를 선택한다.

extension 설치

• Ctrl + Shift + X 를 눌러서 extension 창을 띄운다.
• Korean 을 입력 후 Korean Language Pack for Visual Studio Code 를 설치한다.
• Live Server 를 설치한다.
• Prettier - Code formatter 를 설치한다.
• Auto Rename Tag 를 설치한다.
• Auto Close Tag 를 설치한다.
• Auto Complete Tag 를 설치한다.
• Mithril Emmet 를 설치한다.
• Path Intellisense 를 설치한다.
• Live Sass Compiler 를 설치한다.

- Visual Studio Code 단축키

• Ctrl + / : 주석 처리
• Ctrl + Shift + / : 주석 해제
• Ctrl + Shift + P : 명령어 창
• Ctrl + Shift + X : extension 창
• Ctrl + Shift + B : 빌드
• Ctrl + Shift + F : 검색
• Ctrl + Shift + G : Git
• Ctrl + Shift + D : 디버그
• Ctrl + Shift + E : 탐색기
• Ctrl + Shift + J : Output
• Ctrl + Shift + K : Problems
• Ctrl + Shift + L : 터미널
• Ctrl + Shift + M : 마크다운 미리보기
• Ctrl + Shift + N : 새 창
• Ctrl + Shift + O : 파일 열기

Vscode에서 Git 사용하기

doc : https://code.visualstudio.com/docs/sourcecontrol/overview

- Git 사용자 정보 등록하기

왼쪽 하단 Accounts를 눌러 GitHub 로그인한다.

- Git 레포지토리 생성하기

- Git 레포지토리 클론하기

소스 제어 보기에서 GitHub 복제하기

아직 폴더를 열지 않은 경우 소스 제어 보기에는 로컬 컴퓨터 또는 복제 저장소 에서 폴더 열기 옵션이 제공된다 .

• Clone Repository 를 선택하면 원격 저장소(예: GitHub )의 URL과 로컬 저장소를 배치할 상위 디렉터리를 묻는 메시지가 표시된다.
• GitHub 리포지토리의 경우 GitHub 코드 대화 상자에서 URL을 찾을 수 있습니다.

그런 다음 해당 URL을 Git: Clone 프롬프트에 붙여넣습니다.

명령 팔레트 ( ⇧⌘P ) 에서 GitHub 복제하기

VS Code에서 GitHub 계정으로 인증하면 이름으로 리포지토리를 검색하고 복제할 리포지토리를 선택할 수 있다.

1. 명령 팔레트 ( ⇧⌘P ) 를 열고 Git: Clone 을 입력한다.
2. GitHub 계정으로 인증하라는 메시지가 표시되면 GitHub 계정으로 로그인한다.
3. GitHub 리포지토리를 검색하고 복제할 리포지토리를 선택한다.

- Git 레포지토리 commit & push 하기

소스 제어 보기에서

• 소스 제어 보기에서 변경된 파일을 추가하고
• 커밋 메시지를 입력 후 커밋 버튼을 클릭한다.

명령 팔레트 ( ⇧⌘P ) 에서

• 명령 팔레트 ( ⇧⌘P ) 를 열고 Git: Commit 을 입력한다.
• 변경된 파일을 추가하고 커밋 메시지를 입력한다.
• 명령 팔레트 ( ⇧⌘P ) 를 열고 Git: Push 를 입력한다.

터미널에서

git add .
git commit -m "커밋 메시지"
git push

- Git 레포지토리 pull 하기

소스 제어 보기에서

• 소스 제어 보기에서 pull 버튼을 클릭한다.

명령 팔레트 ( ⇧⌘P ) 에서

• 명령 팔레트 ( ⇧⌘P ) 를 열고 Git: Pull 을 입력한다.

터미널에서

git pull