Vue.js - (개발환경셋팅) VSCode - Git 연동

VSCode - Git 연동

 

1. 문서모양 아이콘 클릭 -> 프로젝트 불러오기

 

2. 커밋 테스트

-> 커밋 테스트를 위해 파일을 아무거나 만든다. test.index는 testindex.html 하려고 했는데 섞였나보다.

스테이지 전 체인지 상태인 파일(U) / 메뉴 아이콘에 변경된 파일 수가 표기됨 

 

3. 파일을 스테이지로 변경

-> 파일 우클릭 Stage Changes를 클릭하거나, 파일 옆 '+' 아이콘을 클릭해서 스테이지에 올린다.

 

4. 스테이징된 파일을 커밋

-> 커밋 메시지를 입력 후, 체크 아이콘 클릭 ( … 아이콘을 클릭 -> 스테이징된 파일 커밋 클릭으로도 가능)

스테이징된 파일(A)

 

5. VSCode에서 ctl+` 누르고 터미널에 git remote add origin 'url' 입력

-> url 확인

Repository 클릭

Clone or download 클릭 후 url 복사

 

6. … 아이콘 클릭 후 다음으로 푸쉬 클릭

 

7. 상단에 branch 선택 창이 뜨면 origin 선택

 

8. Username -> Password가 뜨면 git 계정 이름, 비밀번호 입력

Username 입력을 하면 Passwor입력창이 뜬다

* git 설치 -> https://ddoni-code.tistory.com/2

 

9. 해당 저장소에 들어가면 test.index 파일이 생성되었고, 입력했던 커밋 메시지도 확인 가능