Visual Studio Code 환경셋팅 & Github 업로드 순서 정리

Visual Studio Code 환경셋팅

순서대로 따라오기!

1. visual studio code 설치 https://code.visualstudio.com/

2. visual studio code 열기

3. extensions 설치해주기 : 코딩할때 도움됨!

  - code spell checker : 오타 찾아줌

  - live server : html 웹사이트 보여줌

  - prettier - code formatter : 코드 정렬을 정리해줌

  - ES7 React/Redux/GraphQL/React-Native snippets : 리액트 쓰는 사람에게 추천

  - Auto Rename Tag : open tag변경 시 자동으로 close tag 같이 변경

  - Auto Close Tag : 자동으로 close tag 만들어줌

  - GitLens -- Git supercharged : git으로 작업할 때 commit 보고 코드 비교하기 아주 편함

4. ctrl + shift + p (cmd + shift +p) 누르고 Shell Command: Install 다운

5. cmd 명령 크롬프트 열기(mac terminal)

6. mkdir 원하는폴더명 입력 : 폴더만들기

7. cd 원하는폴더명 입력 : 폴더에 들어가기(경로변경)

8. 경로 변경 후 code . 을 입력하고 엔터 누르면 자동으로 visual studio code 열림. 

 

Github에 코드 업로드 하는 방법

시작 전! 회원가입 https://github.com/

0. visual studio code 에서 terminal 열고 다음 명령어들 순서대로 입력

1. git init : 맨처음에 프로젝트 올릴때만 해주기

2. git add . : 파일 올리기 ( '.'(점)은 모든 파일을 뜻 함)

3. git commit -m "first commit" : 히스토리를 만드는 것. "메모내용은 자유"

4. git remote add origin 깃주소 : 깃 레파짓토리와 연결!

5. git remote -v : 연결한 주소가 뜨면 성공

6. git push origin (branch 이름) : 깃 레파짓토리로 올리기

    ㄴ origin(나의 현재 브랜치)에서 (branch 이름)에 소스를 업로드한다. 

 

소스 추가/수정 후 Github에 계속 업데이트 하는 방법

7. git add .

8. git commit -m "second commit" : (tip. 커밋을 해야 저장되는 것임.)

9. git push origin (branch 이름) : 원격저장소에 올리기