VScode에서 Github로 푸시하는 방법 - Windows용

소개

Github는 소프트웨어 개발 및 버전 관리를 위한 클라우드 호스팅 플랫폼입니다.
Github는 저희repositories를 인터넷에서 쉽게 사용할 수 있도록 도와줍니다. 협업 프로그래밍을 촉진하는 데 도움이 됩니다.

이 기사를 자세히 살펴보기 전에 Git과 Github의 차이점을 이해하겠습니다.
Git은 로컬 시스템의 버전 ​​제어 시스템입니다. 개발자가 프로젝트 진행 상황을 저장할 수 있습니다. 대중은 해당 프로젝트에 액세스할 수 없습니다.

목표

이 기사에서는 다음에 중점을 둘 것입니다.

Github 계정 만들기

SSH 키 설정

Github에 푸시

전제 조건

Git Bash의 지원되는 버전이 설치됨

Github account

VScode 편집기가 설치됨

시작하기

Gitbash를 열면 Github 계정 세부 정보와 일치하도록 자격 증명을 구성할 수 있습니다.

다음 명령을 차례로 실행합니다.

git config  --global  user.name  "username" 
git config  --global  user.email  "[email protected]" 

올바른 세부 정보를 입력했는지 확인합니다.

다음 명령을 실행합니다.

git config -l 

SSH 키 얻기

Github 계정을 열고 SSH Key page으로 이동합니다.

키를 검색하려면 다음의 간단한 단계를 따르십시오.

Gitbash 열기

아래 텍스트를 복사하여 붙여넣기

 $ ssh-keygen -t ed25519 -C "[email protected]"

"키를 저장할 파일을 입력하십시오"팝업이 나타나면 Enter 키를 누릅니다. 이것은 기본 파일 위치를 사용합니다.

암호를 묻는 메시지가 표시되면 Enter를 클릭합니다

.

이 시점에서 키 지문이 있어야 합니다.

ssh-agent에 SSH 키 추가

Gitbash가 계속 실행되는 동안:

다음 명령을 차례로 붙여넣습니다.

 $ eval "$(ssh-agent -s)"
 $ ssh-add ~/.ssh/id_ed25519

PC에서 ID가 추가된 위치로 이동합니다.


id_ed25519.pub 파일을 VScode로 드래그 앤 드롭하여 키를 가져옵니다.

새 SSH 키 추가

이제 키가 있으므로 설정 페이지에서 새 ssh 키 추가section로 이동하여 키를 붙여넣습니다.

지금쯤이면 복사 및 붙여넣기에 능숙해야 합니다. 😁

이동

이제 SSH 키를 설정했으므로 VScode에서 모의 ​​프로젝트를 만들어 보겠습니다.

아래는 모의 프로젝트의 그림입니다.
인쇄하는 평범한 html 파일 및 js 파일이 포함되어 있습니다console.log('just pushed to github').

Gitbash를 기본 터미널로 선택

터미널 열기

+ 아이콘을 클릭하여 기본 [bash] 터미널을 선택합니다.

Github에 푸시

이제 VScode에 gitbash가 설정되었으므로 이제 Github에 푸시할 수 있습니다.

Github 계정을 열고 생성 저장소section로 이동합니다.

원하는 저장소 이름을 입력하십시오

.

설명을 건너뛸 수 있습니다.

다른 확인란을 무시하고 저장소 생성을 클릭합니다

.

이제 우리는 이 단계에 있으며 마침내 VScode에서 Github로 푸시할 수 있습니다.



VScode 터미널로 돌아가서 다음 명령을 입력하십시오.

자식 초기화

자식 추가 .

git commit -m [여기에 선택한 메시지 입력]

자식 원격 추가 원본https://github.com/backendbro/mock_project.git

Copy the line above from your repository dashboard, as yours will be different

자식 분기 -M 메인

-git push -u 오리진 메인



짜잔! VScode에서 Github로 프로젝트를 성공적으로 푸시했습니다.

결론

우리는 Github 계정을 생성하고 SSH 키를 설정하고 VScode에서 Github로 모의 프로젝트를 푸시할 수 있었습니다.
이번 글에서는 Github의 기본에 대해 알아보았습니다. 이 지식으로 여러분의 멋진 프로젝트를 세상에 보여줄 수 있기를 바랍니다.

즐거운 코딩하세요!

학점

Github

VScode