지엽

[Git]_VSCODE_깃허브

Ellie67 2021. 4. 30. 11:43

1. vscode에서 git을 사용하려면 git을 다운로드하고 설치해야 합니다.

 

Git download: git-scm.com/downloads

 

Git - Downloads

Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp

git-scm.com

 

윈도우를 기준으로 하겠습니다.

 

우측에 Download for Windows를 클릭하여 git을 다운 받습니다.

 

 

2. Git 설치를 확인하고 이름과, 이메일을 설정합니다.

 

이름과 이메일 설정하는 것은 필수가 아니지만 vscode에서 git을 사용하다보면 이름과 이메일을 물어볼 때가 있어서 먼저 설정하는 것입니다.

 

cmd창(윈도우 키+R)을 열고 

git을 이전에 설치했었기 때문에 최신버전이 아님

 

3. GitHub 회원가입

 

https://github.com

 

GitHub: Where the world builds software

GitHub is where over 65 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...

github.com

sign up을 클릭해서 회원가입을 진행합니다.

 

 

4. 명령어 없이 클릭만으로 / 터미널에서 명령어 입력 

 

vscode에서 git 사용할 때 터미널에서 명령어를 입력하는 방법과 클릭만으로 진행하는 방법이 있습니다.

 

  •  먼저 클릭만으로 진행해보겠습니다.

 

github에 로그인하고 들어가면

 

좌측

 

우측 + 누르면

New 버튼 혹은 New respository를 클릭한다.

 

repository는 프로젝트를 저장하는 저장공간입니다.

 

리포지토리를 생성하기 위한 창이 뜹니다.

 

리포지토리 이름을 입력하고 , Description은 안 적어도 상관없습니다.

 

공개/비공개를 설정, Add a README file을 클릭, 밑에 Create repository를 클릭하여 리포지토리를 생성합니다. 

 

우리가 만든 저장소의 주소를 복사합니다.

 

자신이 저장소에 올리고 싶은 것들이 있는 vscode로 갑니다.

 

 

ctrl+shift+p를 눌러서 명령팔렛트를 열고 Git Clone을 누릅니다.

 

아까 복사한 리포지토리 주소를 붙여넣기 합니다.

 

적절한 리포지토리 위치를 선택합니다.

 

열기 버튼을 클릭합니다.

 

이렇게 창이 설정됩니다.

 

README.md 파일은 디렉토리나 기타 파일에 대한 정보를 가지고 있고 본인이 수정할 수 있습니다.

 

아까 리포지토리 생성할 때 적었던 리포지토리 이름과 설명이 적혀 있습니다.

 

수정을 해보겠습니다.

 

이렇게 수정하고 저장(ctrl+s)을 하면 좌측에 숫자 1이 생깁니다. 변경 사항이 1가지 생겼다는 것입니다.

 

커밋(현재까지 변경사항 저장) 메시지를 작성합니다.

 

ctrl+Enter 나 상단에 V 아이콘을 누릅니다.

 

예나 항상을 클릭합니다. 

 

상단에 ... 점 3개 있는 아이콘을 클릭하면 확장메뉴가 나오는데 푸시를 클릭합니다.

 

깃허브에 가보면 README가 변경된 것을 확인할 수 있습니다.

 


  • 명령어로 vscode에서 깃허브 사용하기  

위에서처럼 github 리포지토리를 생성합니다.

이번에는 README file을 클릭하지 않고 만듭니다.

 

이렇게 화면이 뜹니다.

써있는 명령어를 차례대로 실행하면 됩니다.

 

vscode로 갑니다.

터미널 -> 새 터미널 

 

터미널 창에 

위의 명령어들을 입력했습니다.

 

README.md를 추가하기 위해서는 폴더에 README.md 파일을 만들어야 합니다.

 

만들고 터미널 창에

입력해주고 위에서 입력했던 커밋, 푸시 명령어를 입력해주면 됩니다.

 

리포지토리가 vscode와 제대로 연결된 것을 볼 수 있습니다.

'지엽' 카테고리의 다른 글

aws 비용 알람 메일 해결_(굉장히 감동한 aws의 서비스)  (4) 2021.09.03
[티스토리]_코드블럭 폰트와 강조  (0) 2021.01.28
시작  (0) 2021.01.14