자바강사 낙자쌤

VScode 에서 github 사용하기2 - git 명령어 사용(readme추가X) 본문

Development Tools

VScode 에서 github 사용하기2 - git 명령어 사용(readme추가X)

낙자쌤™ 2021. 9. 18. 00:52
728x90
반응형

VSCode 에서 github을 연동할때 readme.md 파일이 있을때와 없을때 조금 틀린 부분이 있다.

이 부분때문에 연동시 나름 애를 먹고있는 개발자들이 있을듯 해서 2가지를 나눠서 포스팅 해보려 한다.

먼저 원격저장소 생성시 readme.md 파일을 추가하지 않은 상태에서의 연동방법이다.

 

[바로가기]VScode 에서 github 사용하기2 - 원격저장소 생성시 readme.md 추가했을때

 

README.md 파일 추가없이 git 저장소 생성시

원격 저장소 생성

저장소가 생성되면 아래와 같이 아무것도 없는 상태가 된다. 

또한 저장소를 사용하기 위한 기본 명령어가 출력된다. 명령어를 복사해 놓는다. 

 

명령어 설명

echo "# vscode01" >> README.md README 파일 생성
git init git 초기화
git add README.md 로컬저장소에 README 파일 추가
git commit -m "first commit" 첫번째 커밋. 커밋 메세지를 first commit으로 지정함
git branch -M main 기본 브랜치를 main 으로 변경
git remote add origin https://github.com/nakjasabal/VSCode01.git 원격 저장소를 연결
git push -u origin main 원격 저장소로 push

 

VSCode에서 워크스페이스로 사용할 폴더를 Open한 후 터미널을 실행한다. 필자는 VSCODE01 이라는 폴더를 선택했다. 

 

VSCode의 기본 터미널은 Git Bash가 아니므로 아래와 같이 변경한다. 

 

Git Bash가 실행되면 복사했던 명령어를 붙여넣기 한다. 

 

여기까지 정상적으로 실행되면, README 파일은 github에 push 된다. 

 

그럼 새로운 파일을 생성한 후 push해 보자. 

index.html 파일을 생성한 후 아래와 같이 간단히 입력해 보겠다. 

index.html 내용

 

새로운 파일이 생성되면 좌측 Source Control 부분에 변화가 생긴다. 클릭한다. 

 

Message부분에 적당한 커밋 메세지를 입력한 후 Commit 버튼을 누른다. 

 

경고창이 뜨면 Yes를 클릭한다. 

커밋이 완료되면 Source Control 부분에 뱃지 아이콘이 사라진다. 

 

Push한다. 

 

정상적으로 push 되었는지 github에서 확인한다. 

 

끄~읏

728x90
반응형