본문 바로가기

TOOL

[VSCode] git 연동

728x90

로컬에 git 연동을 하기위해선 크게 세가지가 필요하다. 첫번째 visual studio code 설치, 두번째 git scm 설치

세번째 본인 계정으로 로그인한 깃허브의 레파지토리이다.

 

1. visual studio code 설치

 

 

2. git scm 설치 https://git-scm.com/

bash 창 켜기

 

- 로컬에 대상 프로젝트 폴더 만들기

 

- visual studio code 켜서 만든 폴더 열기 

 

- code의 terminal 창 켜기 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

- 만든 폴더의 BASH 창 띄우기

 

 

3. 깃허브 사이트에 들어가 로그인후 레파지토리 생성

https://github.com/

 

Build software better, together

GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects.

github.com

public과 private로 종류를 선택하여 만들 수 있다. 

 

- 해당 레파지토리 url을 복사한다.

 

- 그리고 아까 띄운 BASH 창으로 다시가서 다음의 명령어를 입력

git init

git remote add origin https://복사한 해당 레파지토리 url

 

bash를 사용하여 처음 연동한다면 해당 사용자의 로그인 정보를 물을 수 있다.

그때는 깃허브의 계정정보를 차례로 입력한다.

 

 

- 그럼 다음과 같은 git 폴더가 생성될 것이다. 

 

- 이번엔 맞게 연결 되었는지 확인하기 위해 readme 파일을 생성 후 레파지토리에 올려보겠다.

다시 visual studio code로 돌아와서 새파일 생성 후 간단히 해당 프로젝트를 설명하는 내용을 저장한 후 터미널 창을 킨다.

 

- 깃 명령어를 통해 해당 리파지토리에 커밋한다. 

git add . 

git commit -m "readme"

git pull origin master

 

 

잠깐, git pull origin master를 했을 경우 아래와 같은 문구를 발견할 수 있다.

최초 커밋일 땐 pull 하지 말고 push.

 

따라서 다음과 같이 커밋하면 된다.

git add .

git commit -m "readme"

git push origin master

 

 

- 마지막으로 해당 깃허브 레파지토리를 보면 방금 추가한 readme.md 파일이 있다. 

'TOOL' 카테고리의 다른 글

[VSCode] 터미널에서 php 실행  (0) 2020.05.08
[etc] 협업 툴  (0) 2020.03.29
[wordpress] 워드프레스 로컬 셋팅 (Windows 환경, Apache기반)  (0) 2019.11.14
[adobe photoshop] Save for Web 단축키  (0) 2019.10.15
[VSCode] ftp remote  (0) 2019.10.15