UIUX Full-Stack Developer

[0731] GITHUB / FIGMA To VSCode

지윤이다 2023. 7. 31. 14:49

# 내가 이 깃허브 react yarn start 땜에 얼마나 애 먹는지 몰라 ~

# 제발 지윤아 비효율적으로 공부하지 말아라 ~

  • Git 설치: VSCode는 Git을 내장하고 있지 않기 때문에 별도로 설치해야 합니다. Git의 공식 웹사이트에서 다운로드하고 설치하세요.
  • GitHub 계정 생성 및 설정: GitHub 웹사이트에서 계정을 생성하고 설정하세요. 이미 계정이 있다면 이 단계는 건너뛰어도 됩니다.
  • VSCode 설치: VSCode의 공식 웹사이트에서 다운로드하고 설치하세요.
  • VSCode에서 Git 설정: VSCode를 열고, 왼쪽 사이드바의 소스 제어 아이콘을 클릭하세요. 이후 Git을 선택하고, 로컬 컴퓨터에 저장될 프로젝트 디렉토리를 선택하세요.
  • GitHub과 연동: VSCode의 GitHub Pull Requests and Issues라는 확장 프로그램을 설치하세요. 이 확장 프로그램은 VSCode에서 직접 GitHub의 이슈와 풀 요청을 관리할 수 있게 해줍니다.
  • 원격 저장소 복제: 이제 GitHub에서 원하는 프로젝트의 원격 저장소를 복제할 수 있습니다. VSCode의 Terminal을 열고, git clone [GitHub 프로젝트의 URL]를 입력하세요.
  • 코드 수정 및 커밋: 코드를 수정하고 왼쪽 사이드바의 소스 제어 탭에서 변경사항을 스테이지하고, 커밋 메시지를 입력한 후, 커밋하세요.
  • 변경사항 푸시: Terminal에서 git push 명령어를 입력하여 GitHub 원격 저장소에 변경사항을 푸시하세요.

 

Figma to VSCODE