TOOL/VSCode

vscode 설치하고 github 사용하기

oodada 2023. 11. 17. 06:50

Alt text

Visual Studio Code 란?

  • MS에서 제공하는 크로스 플랫폼 에디터로 다양한 언어를 서포트 하며,
  • IntelliSense와 Git 기능, 그리고 Extension 을 이용한 확장 기능을 제공하고 있는 IDE 이다.

- Visual Studio Code 설치하기

Visual Studio Code 사이트에서 다운로드 받아 설치한다.

설치 시 아래와 같은 페이지에서 기타에 모두 체크한다.

vscode-install

- Visual Studio Code 기본 설정

  • 왼쪽 하단 설정 아이콘을 클릭한다.
  • Auto SaveonFocusChange 로 설정한다.
  • FontD2Coding 으로 설정한다.
  • Font Size14 로 설정한다.
  • Font Ligaturestrue 로 설정한다.
  • Tab Size2 로 설정한다.
  • Render Whitespaceall 로 설정한다.
  • Word Wrapon 으로 설정한다.
  • Minimapfalse 로 설정한다.

theme 설정

  • Ctrl + Shift + P 를 눌러서 명령어 창을 띄운다.
  • -theme 를 입력 후 원하는 테마를 선택한다.

extension 설치

  • Ctrl + Shift + X 를 눌러서 extension 창을 띄운다.
  • Korean 을 입력 후 Korean Language Pack for Visual Studio Code 를 설치한다.
  • Live Server 를 설치한다.
  • Prettier - Code formatter 를 설치한다.
  • Auto Rename Tag 를 설치한다.
  • Auto Close Tag 를 설치한다.
  • Auto Complete Tag 를 설치한다.
  • Mithril Emmet 를 설치한다.
  • Path Intellisense 를 설치한다.
  • Live Sass Compiler 를 설치한다.

- Visual Studio Code 단축키

  • Ctrl + / : 주석 처리
  • Ctrl + Shift + / : 주석 해제
  • Ctrl + Shift + P : 명령어 창
  • Ctrl + Shift + X : extension 창
  • Ctrl + Shift + B : 빌드
  • Ctrl + Shift + F : 검색
  • Ctrl + Shift + G : Git
  • Ctrl + Shift + D : 디버그
  • Ctrl + Shift + E : 탐색기
  • Ctrl + Shift + J : Output
  • Ctrl + Shift + K : Problems
  • Ctrl + Shift + L : 터미널
  • Ctrl + Shift + M : 마크다운 미리보기
  • Ctrl + Shift + N : 새 창
  • Ctrl + Shift + O : 파일 열기

Vscode에서 Git 사용하기

doc : https://code.visualstudio.com/docs/sourcecontrol/overview

- Git 사용자 정보 등록하기

왼쪽 하단 Accounts를 눌러 GitHub 로그인한다.

- Git 레포지토리 생성하기

- Git 레포지토리 클론하기

소스 제어 보기에서 GitHub 복제하기

아직 폴더를 열지 않은 경우 소스 제어 보기에는 로컬 컴퓨터 또는 복제 저장소 에서 폴더 열기 옵션이 제공된다 .

  • Clone Repository 를 선택하면 원격 저장소(예: GitHub )의 URL과 로컬 저장소를 배치할 상위 디렉터리를 묻는 메시지가 표시된다.
  • GitHub 리포지토리의 경우 GitHub 코드 대화 상자에서 URL을 찾을 수 있습니다.

그런 다음 해당 URL을 Git: Clone 프롬프트에 붙여넣습니다.

명령 팔레트 ( ⇧⌘P ) 에서 GitHub 복제하기

VS Code에서 GitHub 계정으로 인증하면 이름으로 리포지토리를 검색하고 복제할 리포지토리를 선택할 수 있다.

  1. 명령 팔레트 ( ⇧⌘P ) 를 열고 Git: Clone 을 입력한다.
  2. GitHub 계정으로 인증하라는 메시지가 표시되면 GitHub 계정으로 로그인한다.
  3. GitHub 리포지토리를 검색하고 복제할 리포지토리를 선택한다.

- Git 레포지토리 commit & push 하기

소스 제어 보기에서

  • 소스 제어 보기에서 변경된 파일을 추가하고
  • 커밋 메시지를 입력 후 커밋 버튼을 클릭한다.

명령 팔레트 ( ⇧⌘P ) 에서

  • 명령 팔레트 ( ⇧⌘P ) 를 열고 Git: Commit 을 입력한다.
  • 변경된 파일을 추가하고 커밋 메시지를 입력한다.
  • 명령 팔레트 ( ⇧⌘P ) 를 열고 Git: Push 를 입력한다.

터미널에서

git add .
git commit -m "커밋 메시지"
git push

- Git 레포지토리 pull 하기

소스 제어 보기에서

  • 소스 제어 보기에서 pull 버튼을 클릭한다.

명령 팔레트 ( ⇧⌘P ) 에서

  • 명령 팔레트 ( ⇧⌘P ) 를 열고 Git: Pull 을 입력한다.

터미널에서

git pull
티스토리 친구하기