개발 환경 설정

<aside> 💡

code repository :: [email protected]:fitogether-org/ohcoach_frontend.git

IDE는 VS Code로 통일한다

</aside>

설치 프로그램

• node.js 설치 :: https://nodejs.org/en/download/
• npm 설치 :: https://www.npmjs.com/get-npm
• @vue/cli 설치 :: npm install -g @vue/cli
• vue chorme tools :: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
• VS Code :: https://code.visualstudio.com/download
• PostMan :: https://www.postman.com/downloads/

VS Code Setting

플러그인 설치 목록

필수

• ES Lint :: 코드 컨벤션
• Prettier :: 코드 컨벤션
• gitflow :: 깃 flow 사용

선택

• Vetur :: vue 코드 하이라이팅
• Material Icon Theme :: 폴더 아이콘
• Bracket Pair Colorizer :: 괄호 컬러 나눠 주는 거
• Color Highlight :: 코드 내 컬러 코드 바로 보기
• Auto Rename Tag :: 닫힘 태그 자동 생성
• GitLens :: git 사용
• Todo Tree :: todo 확인

Git Flow

<aside> 💡 외주 개발자는 브랜치를 따로 파준다 . vs code에서 git flow를 수행한다. —> 브랜치 삭제 안됨 이슈 때문에

</aside>

1. 깃 이슈 생성
2. vs code에서 shift + cmd | ctrl + p 를 눌러 Gitflow: Feature: start를 선택
3. 1에서 생성한 깃 이슈 번호 입력(#포함)