远程仓库提交react代码
1.新建仓库
- 进入gitee里面,在最上面工具栏加号里找到新建仓库
- 在新建仓库页面填写仓库信息
- 仓库名称,自己设置
- 归属:默认是当前用户(自己)
- 路径:仓库的访问路径,由用户个性地址+仓库路径名称
- 开源许可证:MIT然后提交 然后点创建
2.提交代码
1.先讲仓库clone到本地,修改后再push到gitee的仓库
在新建的仓库中找到SSH复制,然后通过这个拉取到本地文件夹下
//在终端中cd到想要添加到的目录下面
git clone git@gitee.com:chdong/new.git
在目录中找到添加到本地的那个仓库,修改后提交到远程仓库
//在终端中执行
git add . //将当前目录所有文件添加到暂存区
git commit -m '项目修改' //备注提交的信息
git pull //获得最新状态,防止提交时别人也提交,遭成提交失败
git push origin master //将本地提交推送到远程仓库--默认提交到master分支时可以直接写 git push
3.React项目提交
部署gitee pages页面时,会解析根目录下面的index.html文件
而react项目里index.html文件不在根目录下面,这就需要我们对react项目进行打包
利用build打包
- 使用build生成项目:资源文件路径“/”(绝对路径)修改为相对路径,在项目的package.json文件中增加一个节点
“homepage”:"."
2.在终端对应的根目录下面中输入
npm run build //把react项目打包
就会生一个build文件,根目录下面就会有index.hmtl文件
- 在gitignore文件中查看是否有build,否者会导致build文件提交被忽略。 gitignore文件会忽略里面所包含的文件的修改
把build这行代码删掉,就能build文件提交到gitee上
4.部署pages页面
在gitee找到对应的仓库点开,点服务里面的gitee pages
把部署目录写成build,然后启动服务就会成链接,页面网络部署就成功了