[깃허브] vsCode 연동

2023. 8. 30. 09:12기술연동

react & nodeJS 를 활용한 웹페이지 만드는 프로젝트를 시작했다

둘다 vsCode로 진행하는 편이 편하기 때문에

처음으로 vsCode로 깃허브 연동해서 협업하기로 결정!

 

찾아보니 깃허브를 연동하는 방법은 크게 두가지였다.

 

1. 터미널(terminal) 이용 ( git bash 사용)

* 레파지토리 만들때
1) npx install 
2) cd 프로젝트
3) git init
4) git add .
5) git remote add origin 레파지스토리 url주소
-------------------------

6) 깃 유저아이디 등록
git config --global user.name "깃의 유저네임"
ㄴ> 깃허브 프로필에 적혀있는 이름

7) 깃 이메일주소 등록
git config --global user.email "XXXX@gmail.com"

-----------------------------------------

8) 깃허브 파일 내려받기
git clone 레파지토리url
9) 필요한 라이브러리 설치 (선택)
npm install
------------------------------------------------

10) 커밋

git commit -m "커밋내용"
11) 푸쉬

git push origin master
12) 풀
git pull origin master

 

2. UI 이용

vsCode를 키고 워크스페이스 지정한다.

1) F1 을 누른다

2) ' git clone '     입력 >  'Git: Clone' 메뉴 선택

3) git 주소 입력하기


이 방법은 깃허브에 팀 레파지스토리가 생성되어 있어서 팀원으로 초대받은 경우이다. 

 

 

 

'기술연동' 카테고리의 다른 글