为了很好的管理代码,git命令太常用了,但是又很难完全的记住他们,以下是我经常用到的git命令
从已有库获取代码
git clone [地址]
本地仓库与远程仓库建立链接
git remote add origin [你的远程库地址 ]
解除已有连接
git remote rm origin
查看目前连接的仓库
git remote -v
合并本地与远程
git pull
或
git pull --rebase origin master
提交本地
git add .
git commit -m '更新内容'
git push
新建分支
查看分支
git branch
切换分支
git checkout [分支名]
新建并切换到该分支
git checkout -b [分支名]
将 create-react-app 创建的 react 项目部署到gitee pages
0 前提
- react在本地通过npm start能正常运行
- 已将创建好的react项目通过git上传到远程仓库
1 如何将项目发布成静态页面
1.1 安装 gh-pages
npm install gh-pages --save-dev
1.2 修改 package.json
{
// ...
"homepage": "./",
"dependencies": {
// ...
},
"scripts": {
// ...
"deploy": "gh-pages -d build"
},
}
这里请注意了,官方介绍是"homepage"的值要设置为 http://{username}.github.io/{repo-name} ,但是这样操作会在 build 打的包会在所有文件路径前加上{repo-name},比如 index.html 文件中对同等目录下的文件引用应该是 src=’./index.css’ ,结果会变成 src=’./{repo-name}/index.css’ ,这样部署后肯定无法访问,所有资源都找不到。
1.3 部署
npm run build // 打包编译,会生成一个 build 文件夹
npm run deploy // 发布
注意,发布的时候如果没有配置好环境变量,步骤2是会出现spawn git enoent错误的。配置系统变量:右键“计算机”->“属性”->“高级系统设置”->“环境变量”->在下方的“系统变量”中找到“path”->选中“path”并选择“编辑”->在Path添加‘’C:\Users\XXX\AppData\Roaming\npm“,XXX是用户的名字
2 gitee pages设置
到Gitee Pages 服务,选择gh-pages分支,其他的可以不管,点击部署即可。(不过现在开启静态页面服务需要提前实名认证好了,不过一个工作日就审核通过了,挺快的)