react:git pushから導入へ

レスポンスアイテムのインストール
npx create-act-appプロジェクト名
cdプロジェクト名
npm start
プロジェクトをGitにプッシュ
じゅんじょに進める
git init
👉 私のgit内にRepositoryを作成します!

👉 この画像のようにRepositoryの内部に入ると、構成コードを書くことができます!
このうちgit remote add origin [email protected]:계정아이디/Repository이름.gitは、端末に個別にコピーして貼り付けられる

git remote add origin [email protected]:アカウント名/Repository名.git
git add .
git commit -m 'init'
git push origin master
端末が順番に入力された後、対応するRepositoryに入ると、生成された反応項目が確認される.
git hurbにプロジェクトを配置する設定
下線の一番下に,を入れ、その下にhomapgeを作り、"homepage": "https://계정아이디.github.io/Repository이름"を入れます.
👉 package.json

  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "homepage": "https://계정아이디.github.io/Repository이름"  //여기 추가
}

ここで、"https://계정아이디.github.io/Repository이름"は配布するurlです.
👉 package.json
buildに関連するコードの追加

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "deploy": "gh-pages -d build",  //여기 추가
    "predeploy": "npm run build"   //여기 추가
  },

git add .
git commit-m「最終コード」
git push origin master
配備!
最終コードアップロード後、gh-pagesをインストール
npm i gh-pages
ハブ上のリポジトリの再確認
npm remote -v
最終的な導入
npm run build
npm run deploy"https://계정아이디.github.io/Repository이름" urlを打つと私の反応項目が見えます!