[vscode] vscode에서 git을 사용하기

Visual studio code에서 git 사용하기

*일단 https://git-scm.com/로 가서 git을 설치하세요.

1.vscode로 작업하고자하는 폴더 열기(File - Open - 원하는 폴더 선택)

파일을 열면 위와같이 빨간박스안에 자신이 열었던 폴더가 표시됩니다. 

2.Source Control 메뉴를 클릭하고 git아이콘을 클릭합니다.

(위의 git 아이콘이 보이지않는다면 깃이 설치되지 않은것입니다.) 

3.현재폴더 혹은 원하는 폴더를 선택합니다.

폴더를 선택하면 위와같은 상태가 됩니다. 그러면 Source Control 바로옆에 체크모양은 커밋버튼, 옆은 새로고침 그리고 그외에 메뉴가 있습니다.

그 아래에는 커밋로그를 입력하는 input이 있고 그아래부터는 변경파일목록이 나옵니다. 

(node_modules나 기타 불필요 폴더안에 있는 모든 파일목록이 폴더채가 아니라 각각의 파일로 표시되므로, npm 몇개만 설치해도 가뿐히 천개를 넘깁니다. 바로 프로젝트폴더 최상위에 .gitignore를 생성 후 무시하고자하는 폴더를 추가하시고 새로고침을 누르면 바로 무시됩니다. ex) node_modules/ 작성 후 저장하시면 됩니다.)

4.원격저장소 연동하기

중요한기능들은 gui형태로 제공하지만 원격저장소는 커맨드로 직접입력해야합니다.

프로젝트 폴더에 최상위 파일에서 오른쪽클릭 후 open in Terminal을 클릭하면 바로 터미널을 활용가능합니다.(어째서인지 최상위폴더를 클릭해서 터미널을 열수는 없습니다.) 

터미널을 열고 git remote add origin 리모트 URL을 입력 후 push To 기능으로 푸쉬하면 원격 저장소와도 쉽게 연동할 수 있습니다.