WebStorm2021.3将项目绑定Git上传到(gitee)码云以及pages服务部署
想将本地的项目推送到远程仓库,需要提前安装Git系统 Git下载、安装教程及环境配置(超详细步骤讲解,手把手指导)
一、在WebStorm安装插件Git和Gitee(码云)
在插件商店中搜索,并且安装插件Git和Gitee(码云)
![请添加片描述](https://img-blog.csdnimg.cn/0cf705d65be947b8bb394fb245975e03.png)
登录自己的gitee账号
二、为当前项目创建本地仓库
选择本地仓库地址为项目的所在地址即可
![请添加图片描述](https://img-blog.csdnimg.cn/4fbe01643b6a47eea40ceca19d2c5640.png)
项目中标注为红色的文件名为没有add过的,add后为绿色,白色表示已经commit过的。
![请添加图片描述](https://img-blog.csdnimg.cn/bf962d5b4dd647baa664e7e4047d68d7.png)
创建后会在该项目目录下生成.git隐藏文件
![请添加图片描述](https://img-blog.csdnimg.cn/aa36d09e480e4fe796c7be79c4d67d15.png)
首次创建时需要全部add(添加)一下:右键项目,Git,点击add,如下图所示,add后全为绿色。
![请添加图片描述](https://img-blog.csdnimg.cn/03fc6275a98e45c590d19b7a30cd7f43.png) ![请添加图片描述](https://img-blog.csdnimg.cn/3096a5efd3e1456492dffb09c68aecf0.png)
三、将项目代码提交到远程仓库
![请添加图片描述](https://img-blog.csdnimg.cn/6bad259252884f79ba726d8b8a977da4.png)
选择提交的内容、填写提交信息、push到远程仓库
![请添加图片描述](https://img-blog.csdnimg.cn/0e1a886970ae445ca6d4653cddffed9d.png)
警告信息:IDE在提交前会对代码进行检查,因此会有代码检查的警告和错误信息, 而非提交不成功的警告。因此可之际忽略。 如下图:直接点击 提交
![请添加图片描述](https://img-blog.csdnimg.cn/b0aba6fde34d4a3bb7c84b268c367e90.png)
点击加号,添加一个远程仓库,名字可以取和项目名字相同,地址为上述在Gitee中创建的仓库的地址
最终的push确认,点击push后提交到远程仓库
![请添加图片描述](https://img-blog.csdnimg.cn/35a93cb9e17d4d7887cdcddef28f05c0.png)
四、使用 gitee 的 pages 服务部署以上的页面
打开所创建的仓库 选择服务——>Gitee Pages——>启动 ps:个人建议将文件名修改为index.html
![请添加图片描述](https://img-blog.csdnimg.cn/9b5277e7046e4fdf8940831eafb504b8.png) ![请添加图片描述](https://img-blog.csdnimg.cn/ade7b789dde14ac1a39d328df19142b1.png)
这篇博客中我所配置的网站地址: https://yuhaowen.gitee.io/vfor_phone
我的Gitee个人主页:https://gitee.com/yuhaowen
|