# Visual Studio Code Git 연동하기



우선 vscode와 git을 설치해준다.

Download Visual Studio CodeDownload Git





Git 설치가 완료되면 Git bash 또는 cmd창을 열어서 Git 계정 정보를 입력해준다.
 - Git 설치 시 특이사항이 없다면 그냥 기본으로 두고 Next를 눌러 진행해 주면 된다.

 - Window10 에서는 powerShall 을 이용하여 계정 정보를 등록해도 된다.


git config --global user.name username
git config --global user.email user@email.mail




Git 계정을 연결했으면 

Visuasl Studio Code를 새로 열어서 작업 할 폴더를 연다.




폴더 연결 후, 소스 제어 편집에 들어가서 + 버튼을 클릭하여 폴더를 선택하면




이렇게 연결되었음을 확인 할 수 있다.




test로 신규 파일을 하나 만들어 보면, 소스제어 아이콘에 1이라고 뜨고 내용을 확인 할 수 있다.

+를 눌러 변경된 내용을 스테이징 한다.




체크 아이콘을 누르면 커밋(commit) 메시지를 입력할 수 있고 입력하면 커밋이 완료된다.




추가로, 더 많은 기능을 확인 할 수 있는데 필자에게는 마지막 커밋 실행 취소 가 너무 신세계였다... 세상에




이제 push 명령을 실행하기 위한 작업을 해야한다.


일단 github에서 새로운 원격 저장소를 만들어 준다.

레파지토리를 생성하면 아래 화면을 볼 수 있고, 우측에 아이콘을 누르면 카피된다.



vscode에서  ctrl + `  을 누르면 터미널을 실행할 수 있고, 아래 이미지에서

 - 1번을 누르고 '기본 셸 선택'을 누르면 2번이 뜨고

 - 2번에서 원하는 셸을 선택 후

 - 3번을 클릭하면 추가할 수 있다.



선택한 셸에서 아까 복사한 링크를 입력하면 (Git 계정 로그인이 화면이 나올 수 있음) 연동이 완료되고 push를 실행 할 수 있다.



'Front-end dev > Etc.' 카테고리의 다른 글

codepen 불러오기  (587) 2020.07.08
모델-뷰-컨트롤러(Model-View-Controller, MVC)  (580) 2020.01.07
[Node.js] listen EADDRINUSE Error  (514) 2020.01.06
Front-end 로드맵(v.2020)  (887) 2020.01.03
Front-end 로드맵(v.2018)  (518) 2018.03.29

+ Recent posts