5분 안에 Github에 React 앱 배포

3466 단어 beginnerstutorialprogramminggithub
  • 1.
    앱 루트 디렉터리에서 다음 명령을 실행합니다.

    • npm install gh-pages


  • 2. GitHub에 앱 게시:

    • Ether button is OK.
    Ignore this step if you have already published your app




  • 3. package.json의 첫 번째 줄에 다음을 추가합니다.
    • "homepage": "https://GIT_USERNAME.github.io/REPOSITORY_NAME",

    For the URL string, you will need to replace it with your git user name and your current repository name.
    TIPS: click the gear icon on the GitHub page, and the URL will show up:






  • 4. package.json의 "scripts"에 다음을 추가합니다.
    • "predeploy":"npm run build","deploy":"gh-pages -d build",

  • 5. 앱을 저장하고 변경 사항을 커밋하여 원격 저장소를 업데이트합니다.

    • Alternatively, you can directly update your JSON file on the GitHub webpage and commit changes.


  • 6. 다음을 실행하여 앱을 배포합니다.

    • npm run deploy




    After the deployment, some changes exist. Just commit these changes again.


  • 7. General > Pages :
    • 에서 앱 URL을 찾습니다.




  • 8. 흥해라!~

    • This is my React app Demo I used for this tutorial and welcome to play
    Git Repo for this game





    참조



    표지 페이지:
    https://akhtarvahid.medium.com/setup-git-and-deploy-react-app-to-github-pages-7b5c4180fdaf
    몇 분 안에 가능
    풀 스택 React 및 Node.js - 양식 추가

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage