GitHub와 VSCode 연동하기

목차

 

 

2021.07.29

처음으로 깃을 써본다.

설치해야할것들

우선 깃허브 계정과 VScode 설치가 필요하다.

깃허브는 직접가서 가입하시면되고

https://github.com/

vscode는 여기서 다운받아 설치

https://code.visualstudio.com/

 

 

cmd에서 git을 쳐서 아무 반응없으면 설치가 안된것이다.

바로이렇게 나오면 설치가 안된거

그럼 설치를 해볼까?

여기서 자신의 환경에 맞춰서 다운받아 설치하자

https://git-scm.com/download/win

[

Git - Downloading Package

Downloading Git Now What? Now that you have downloaded Git, it's time to start using it.

git-scm.com

](https://git-scm.com/download/win)

git을 설치하는데 다른건 다른 프로그램하고 같이 경로설정등 했던것들인데

이 부분에서 VScode를 선택 해줘야 한다.(insider는 다른버전이므로 패스)

이걸 선택하자

그 뒤로도 수많은 설정이 있다. (개발자 툴아니랄까..)

그냥 기본값으로 하는게 좋아보여 그냥 next를 누르면 설치가시작된다.

짜잔~ 설치가 되었네요~

완료 후 cmd 창에서 git --version을 하면

짜잔~ 완료~

설치전 창에서 실행하면 안된다. cmd 창을 껏다 키면 된다.

VSCode와 연동

VScode를 실행하고 f1 키를 누르면 상단에 검색창같은게 뜨는데 거기다가

git clone이라고 치면 나오는데 누르자.ㅎ

그러면 github 인증을 해야한다고 하면서 웹페이지에서 로그인을 해야한다.

로그인을하면 이런화면 뜨는데 초록색만 누르자

여기도 초록색~

완료를하면 이렇게 뜨고 vscode가 다시한번 실행되고 폴더를 선택한다. 만약 github에 repository가 있다면 복사가 된다.

 

VScode로 git에 올리기

그럼 한번 vscode로 깃에 올려볼까?

나같은 경우는 이상하게 선택한 폴더에 .git 폴더가 생성이 되지 않았다.(왜 나만..ㅠㅠ)

 

그런경우에는 이런식으로 해보자

 

코딩하는 곳 밑에 보면 terminal에 git init을 하면 생성이된다.

그러면 초록색으로 바뀐다.

 

터미널을 이용하여 명령어를 사용하여 하는법도 있지만 VScode내의 기능으로 한번 올려보겟다.

 

왼쪽탭에 소스코드를 눌러보자.

 

그러면 요로코롬 나온다.(U는 업데이트라는것같다.)

 

messgae부분에 명령어를 쳐도 되겟지만 GUI가 있는데 굳이? 그래서 한번 써보도록하겠습니다.

 

오른쪽에 ...을 누르면 놀랍게 명령어가 다 있다.

명령어로 치면 나오는것들이 모두 나와있다!

 

저기서 commit 하고 push를 하면될것같아 해보기로했다.

 

여기서 레포지토리를 선택하는것

하면 

 

라고 에러가 뜬다..

 

Make sure you configure you 'user.name' and 'user.email' in git.

 

이메일이 개인정보라고 생각하여 입력하기 싫어서 하나만입력하는줄알고 했더니 안됐음ㅋㅋㅋ

 

닫고 설정을 해야한다.

VSCode의 아래쪽에 보면 터미널이 있는데 거기에 이런형식의 명령어를 쳐줘야한다.

이걸 하라고 한다..ㅠㅠ

요로코롬 입력하자

치고 아래에보면

설정이 되어있는것을 확인할수 있다.

 

 

그럼 한번 올려볼까?

 

왼쪽탭에 체크를 누르면 올라간다.( ...에서 push해도 상관없다.

 

그러면 메시지를 입력하라는데 입력하면 완료~

 

git에서 잘올라왔나 확인해볼까?

 

올라오는것을 확인할 수 있었다.