관리 메뉴

개발이야기

[git 기본] Visual Studio Code (VS code) 와 git 연동하기 본문

git /git 기본

[git 기본] Visual Studio Code (VS code) 와 git 연동하기

안성주지몬 2019. 1. 16. 00:00

안녕하세요 ! 이번 포스팅에서는 Visual code와 git 을 연동하는 방법에 대해서 알아보도록 하겠습니다 !!


먼저 vs code 에 들어가서 새로운 폴더를 만들어 줍니다.

다음 아래 이미지에서 표시된 아이콘을 클릭해줍니다.




그리고 아래 이미지의 표시된 아이콘을 클릭하면 git 저장소를 초기화 할 폴더를 고를 수 있는데 현재 디렉토리를 클릭해서 초기화 해줍니다.







그리고 temp.txt라는 새로운 파일을 생성해주면 아래의 이미지처럼 될 것입니다.



다음 CHANGES 옆에 + 아이콘을 클릭하면 Stage All Changes가 나오는데 이를 클릭합니다.



클릭을 하게 되면 이전 상태와 비교하여 파일이 변한 모든 파일이 stage에 올라가게 됩니다.



그리고 commit 메세지와 함께 commit all을 클릭하시면 모든 파일이 commit 됩니다.



하지만 아직 원격 저장소와 연동을 하지 않아 push 명령을 실행할 수 없습니다.

새로운 원격 저장소를 하나 만들어 줍니다.

레퍼지토리를 하나 생성하면 아래와 같은 화면을 볼 수 있는데요.

아래 이미지에 가장 우측에 아이콘을 클릭하시면 두 줄의 명령을 복사할 수 있습니다.




복사한 명령을 vs code에 터미널에 마우스 오른쪽을 클릭하여 붙여넣기 해줍니다.


복사가 완료된 후 push to 버튼을 클릭하면 아래와 같이 저장소에 temp.txt가 올라간 것을 확인할 수 있습니다.




다음 새로운 new.txt 파일을 만들고 위에서 했던 과정을 반복해줍니다.


다시 push to를 클릭하여 origin branch에 push를 해주면 



아래와 같이 원격 저장소에 new.txt 파일이 추가된 것을 확인할 수 있습니다.


vs code 와 git을 연동하여 버전 관리를 더욱 쉽게 할 수 있으며

저 또한 이전 코드를 확인하는 용도로 많이 사용하고 있습니다.


이번 포스팅에서 궁금하신 점이나 에러가 발생한 부분 등과 관련하여 댓글로 남겨주시면

최대한 빠른시간내에 답변해드리도록 하겠습니다.


긴 포스팅 봐주셔서 감사합니다. 


참고


[1] https://demun.github.io/vscode-tutorial/git/

[2] https://code.visualstudio.com/docs/editor/versioncontrol

Comments