비쥬얼스튜디오코드로 깃허브 파일생성하기

안녕하세요 홍 가 입니다.

오늘은 비쥬얼스튜디오와 터미널로 깃허브 파일을 생성하는 것을 알려드리려고 합니다.

깃허브 Repository에 들어가시면 New라는 초록색 버튼을 클릭 

 

Repository name 부분은 저장소 이름이 되는 부분이에요 

이름을 적으신 다음 Create repository를 클릭하시면

 

이렇게 생성이 되신 걸 보실 수 있으세요

저는 리드미 파일을 만드는 걸 체크해서 바로  README.md가 생성되어있어요

 

리드미는 프로젝트를 소개하는 부분인데요 작성을 해보려고 해요.

리드미를 작성하는 문법을 살짝 알려드릴게요

 

파일에서 작업을 하면 Preview로 어떻게 나오는지 확인을 할 수 있어서 매우 편하답니다. 

아니면 비주얼 코드를 사용하시는 분이면 이렇게 할 수 도 있어요

 

이렇게 README 파일이나 아무런 파일 하나 생성을 해주시고

코드 부분을 클릭하시면 HTTPS 사이트 주소가 나옵니다 그걸 복사해주세요

 

비쥬얼스튜디오를 켜주시고 Show All Commands에 표시된 Ctrl Shift p를 눌러주시면 저처럼 창이 뜰 거예요

 

저는 몇 번 사용을 해놔서 Git:clone 이 나오지만 처음에 하시면 안 나올 거예요

그러면 검색창에 git이라 치시면 Git:clone 나오시고 그걸 클릭하시면 됩니다.

 

처음 하시면 이렇게 연동하시겠냐고 물어보는 창이 나올 거예요 연동시켜주세요

 

이렇게 제가 한 파일들이 있을 거예요.

저는 자바스크립트 공부하는 거로 할 거니까 저거를 클릭해 줍니다.

이제 파일 경로를 지정해줘야 하는데 그거는 아무 곳이나 해주셔도 돼요 

파일을 지정해주시면 

 

이런 식으로 나오게 됩니다.

여기서 파일을 커밋하는 법을 알려드릴게요

 

파일을 생성하시면 왼쪽에 숫자 표시가 됩니다.

 

사진처럼... 을 누르면 view source control repositories를 클릭하시면 저렇게 창이 2개 나올 거예요

 

저 메시지 창에 입력하시고 싶은 내용을 적어주시고 엔터를 누르시면

main부분 오른쪽에 화살표 모양이 나올 거예요 그걸 클릭해주시면

 

 

이렇게 생성된 index파일을 보실 수 있으세요 작업을 하고 바로 깃허브에 올릴 수 있으니 너무 편하겠죠?