React github上传
创建git源码仓库
- 在写的过程中要记得不停的commit,使用webstore的在写的时候本地提交就已经包括了,
git init,git add .,git commit -m 'init'
git status -sb //查看当前代码提交状态
git remote add origin git@github.com:jiebao-cute/morney-2-react.git //创建本地和远程仓库的连接
git branch -M main // 将之前的master作为主分支分支改为了main作为主分支
git push -u origin main //将本地代码传到远程仓库
2.如果代码更新
git push//如果源代码改变，需要重新上传github上 就使用git push
git pull// 在push之前取回远程主机某个分支的更新，再与本地的指定分支合并，它的完整格式稍稍有点复杂。(在工作中使用)
创建git 浏览页面仓库
1.再github中创建一个目录 , 比如名字是morney-2-website
2.修改代码后，先要确认本地仓库是否git add ., git commit
3.然后进行以下操作
yarn build // 在morney-2（main）创建一个轻量级根目录
cd build//进入build
git init//初始化buil文件
git add .
git commit -m 'deploy'
git remote add origin git@github.com:jiebao-cute/morney-2-website.git //创建本地和远程的链接（注意将仓库的名字改下）
git branch -M main//将之前的master作为主分支分支改为了main作为主分支
git push -u origin main -f //将本地代码推到远程仓库（-f 强制覆盖之前上传的代码）
cd .. //最后返回上一层
3.谷歌搜索create-react-app build path，解决部署后找不到根路径问题
3.1 在`public/manifest.json`文件里加上 ` "start_url": ".",`
3.2 在package.json文件里加上：
"homepage": "https://mywebsite.com/relativepath", 路径为github里面创建的项目
比如我的就是
"https//jiebao-cute.github.io/morney-2-website"
但是每次代码更新都需要运行上述的代码，非常累赘，我们直接创建一个脚本，就可以直接运行上述所有代码
创建脚本
1.scripts目录里创建一个名字为 deploy.sh 的脚本
#!/usr/bin/env bash
yarn build &&
cd build &&
git init &&
git add . &&
git commit -m 'deploy' &&
git remote add origin git@github.com:jiebao-cute/morney-2-website.git &&
git branch -M main
git push -u origin main -f
cd ..
运行脚本命令：sh scripts/deploy.sh
2.或者在package.json里面创建一个命令 "deploy":"sh scripts/deploy.sh"
3.输入命令：yarn deploy运行脚本，就可以将本地修改后的代码全部放到github上
