배경

실무 경험없이 공동 개발을 경험할 수있는 기회가 있습니다.
npm run start에서 브라우저가 시작될 때까지 동작 확인할 필요가 있었다.
내용 자체는 간단합니다만, 기억도 포함해 투고하겠습니다!
또, 이 동작 확인의 일련의 흐름의 정리가 없었기 때문에, 투고해 보려고 생각한 나름입니다.

전제

2020/10 시점의 상황

Windows 사용자

당시 지식 : "npm""Node.js"라는 단어를 시작하여 들었습니다 ...

Git/GitHub을 전혀 만지지 않았다 ...

작업 순서 우선으로 자세한 것은 본 투고에서는 생략하고 있습니다.
자세한 것은 링크처로 기재가 있으므로, 죄송합니다만 그쪽을 참조해 m(__)m

절차

1. GitHub에 계정 등록 · GitHub 내에서 리포지토리 생성

작업 장소: 브라우저
htps : // 코 m / 타로 197 / ms / 8 아세아 22 아에 36dbcf45c9f

2. Node.js 설치

작업 장소: 브라우저
htps : // 코 m / 세후 오 0104 / ms / 0653c935 에아 4 아 4db9dc2b

npm은 Node Package Manager의 약자입니다.
따라서 Node.js 설치가 필수입니다.
Node.js 설치와 동시에 npm도 설치됩니다.
※덧붙여서 자신은 「Node.js의 인스톨이 필요」라고 하는 것을 깨닫지 못하고, Node.js를 인스톨하지 않고 cmd(=커맨드 프롬프트)에 코드 넣어 에러 내고 기절, 하는 것을 3시간 정도 계속 (웃음)

※ 또한 cmd는 windows가 디폴트로 가지고 있는 툴로, 스타트 메뉴 옆의 돋보기 버튼으로 「명령 프롬프트」로 조사하면 사진과 같이 나옵니다.

3. nodist로 버전 관리

- nodist 설치

작업 장소: 브라우저
htps : // 코 m / 사토 얀 419 / ms / 56 0b5f35912b9374305

- 버전 관리

작업 장소:cmd(=명령 프롬프트)
htps : // 코 m / 사토 얀 419 / ms / 56 0b5f35912b9374305
↑ "nodist 설치"와 같은 링크입니다.

공동 개발할 때 지정된 Node.js 버전으로 변경
Node.js 버전에 따라 npm도 해당 버전이 다르므로 npm 버전 관리도 잊지 마세요!

덧붙여 링크처의 npx의 인스톨은 이번은 필요 없습니다만, 곤란한 일은 없기 때문에 함께 인스톨 해 두어도 좋을지도 모릅니다.

4. GitHub로 만든 리포지토리 복제

작업 장소: cmd
git clone リポジトリのURL(https～)

5. 디렉토리를 변경하고 Git의 remote url을 변경합니다.

작업 장소: cmd
cd リポジトリ名에서 디렉토리 이동Remote url set-url origin リポジトリのURL(https～)에서 원격 URL 변경
htps : // 코 m / 미노 사과 / ms / 917 325892733 0 d606 에

6. 원격 리포지토리로 푸시

작업 장소: cmd
htps : // 이 m/유키베/있어 ms/9에 f9d54f2에7d53cfb51cgit push origin master -f위의 명령을 입력하고 링크에있는 "원격 리포지토리에 반영"의 "push"와 같은 화면이 나오면 OK입니다.

7. 동작 확인

작업 개소:모두 cmd(=커맨드 프롬프트)

- npm package 설치

기성품 패키지를 원격 저장소에 설치npm install

- 파일 및 프로젝트 실행

npm run start에서 브라우저가 일어나면 완료! !
(이 시점에서는 새하얀 브라우저라고 생각합니다.)

※npm이란? : 이미 만든 Node.js 패키지
htps : // 이 m / ri gh s s / ms / e 5448cb2 e7 e11 a b7d477

정말로 작업 내용 밖에 기술하고 있지 않으므로, 각종 작업에 의해 단말내에서 무슨 일이 일어나고 있는지는 각 링크나 관련 기사를 참조해 주세요!

끝까지 읽어 주셔서 감사합니다!