React 앱 생성을 위한 기본 설정

제가 가장 중요하다고 생각하는 것 중 하나는 훌륭한 빠른 시작 가이드입니다. 이것은 VS Code의 Bash 터미널을 사용하여 React 앱을 시작하고 GitHub로 푸시하기 위해 작성한 가이드입니다.
  • 터미널에서 repo의 로컬 복사본을 보관할 시스템의 폴더로 이동합니다.
  • create-react-app를 사용하여 새 응용 프로그램을 만들고 응용 프로그램 이름을 <app-name>로 바꿉니다. 추가 문서는 reactjs.org에서 볼 수 있습니다.

  • npx create-react-app <app-name>
    


  • 응용 프로그램이 생성되면 main 분기(현재 GitHub 기본값 및 선호하는 이름)를 생성하고 master 분기(여전히 create-react-app 의 현재 기본값)를 삭제합니다.

  • git checkout -b main
    git branch -d master
    


  • npm 대신 yarn를 사용하려면 다음 단계를 수행하십시오.
  • 삭제 yarn.lock
  • node_modules 폴더 삭제
  • node_modules를 사용하여 npm 재설치


  •    npm install
    


  • 생성된 항목README을 정리하여 응용 프로그램 상용구를 제거하고 첫 번째 커밋에 원하는 콘텐츠를 추가합니다.
  • 기본 React 설정을 테스트하고 회전하는 React 로고를 즐기십시오!

  • npm run start
    




  • 로컬에서 코드를 커밋합니다.

  • git add .
    git commit -m "Initial commit"
    


  • GitHub의 계정으로 이동하여 원격 저장소를 생성합니다.
  • 앱 생성에 사용된 것과 동일한 이름 사용
  • 로컬 repo를 푸시하는 충돌을 피하기 위해 repo를 초기화하기 위한 옵션을 추가하도록 선택하지 마십시오. 로컬에는 앱 생성 시 이미 README.gitignore가 있으며 라이선스는 나중에 추가할 수 있습니다
  • .
  • 의 지침을 사용하거나 명령줄에서 기존 저장소를 푸시하여 로컬 저장소를 원격 위치에 연결합니다. 아래 예제 코드에서 GitHub에서 생성된 코드는 올바른 값을 포함합니다.


  •    git remote add origin https://github.com/<GitHub user name>/<repo name>.git
       git branch -M main
       git push -u origin main
    


  • 이제 기본 React 앱을 추가로 개발할 준비가 되었습니다!
  • 좋은 웹페이지 즐겨찾기