Visual Studio Code에 github 연동

1. github 가입

https://github.com/

GitHub: Let’s build from here

 

 

2. git 설치

https://git-scm.com/

Git

 

 

3. Create a new repository

    - 왼쪽 상단에 있는 New 버튼으로 새로운 레파지토리 생성

 

    - 레파지토리명 입력 후 생성

    - 비공개를 원한다면 Private로 체크하면 된다.

 

    - 생성하게 되면 이런 화면이 뜨게 되는데, 첫 번째 문단에 있는 README.md를 커밋하는 과정을 따라 해 볼 것이다.

    - VSCode를 실행시켜준다.

 

    - 키보드 F1을 눌러 git clone 검색 후 첫 번째 선택

 

    - Clone from GitHub 선택

 

 

    - Allow 클릭하면 웹 페이지로 이동할텐데 이미 로그인이 되어있기 때문에 VSCode로 열 것인지 물어보는 창이 나온다.

 

    - VSCode로 돌아와 Open 클릭한다.

 

 

    - 그럼 내 GitHub에 있는 레파지토리 목록들이 쭉 나오게 되는데 아까 만든 레파지토리를 선택한다.

    - 로컬 저장소 위치를 선택한다. (새로운 폴더 생성됨)

 

    - Open 클릭

 

    - Source Control 탭에 가서 더보기 > Views > Sorce Control Repositories 클릭해준다.

 

    - Sorce Control Repositories 에 선택한 레파지토리가 표기된 걸 확인할 수 있다.

    - 터미널 창을 열어 git remote -v 명령어를 치면 내가 선택한 git 주소가 나오는 걸 볼 수 있다.

 

echo "# Ansible-Frontend" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/wonju95/Ansible-Frontend.git
git push -u origin main

    - 이제 위 명령어들을 차례대로 수행해줄텐데, 미리 생성해준 소스가 있어 해당 소스를 커밋하려고 한다.

    - 미리 만들어둔 소스가 없다면, 위 내용들을 차례대로 수행해보길 바란다.

 

    - 아래 명령어만 수행해주면 된다.

git remote add origin https://github.com/wonju95/Ansible-Frontend.git
git push -u origin master

 

    - GitHub에 접속해 커밋이 잘 되었는지 확인해준다.

    - 커밋이 잘 되었으면 성공이다.

 

 

 

 

---

    - Git 사용에 편리한 Extention : GitLens, Git History