# Visual Studio Code Git 연동하기
우선 vscode와 git을 설치해준다.
Download Visual Studio CodeDownload Git
Git 설치가 완료되면 Git bash 또는 cmd창을 열어서 Git 계정 정보를 입력해준다.
- Git 설치 시 특이사항이 없다면 그냥 기본으로 두고 Next를 눌러 진행해 주면 된다.
- Window10 에서는 powerShall 을 이용하여 계정 정보를 등록해도 된다.
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 |