• 操作流程大致为clone-pull-commit-push

  • 克隆空项目-拉取代码-提交变更至本地仓库-推送变更至git

1.前期准备

获取git地址:https://gitee.com/xxxxxxxx.git
WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm

2.clone(克隆)

点击clone按钮

WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_commit_02

输入git地址

项目路径:目录建议为项目名称
WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_03

克隆完成

WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_04

3.pull(拉取)

点击pull选项
WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_05

选择分支-默认为主分支master,点击pull

WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_commit_06

pull拉取成功提示

WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_07

4.commit(提交)

点击提交

WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_commit_08

显示出来界面

1.填写变更内容,点击提交
WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_09

弹出提示,黄色警告,无错误无所谓,点击提交
WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_commit_10

提交成功,控制台查看流记录

WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_11

5.push(推送)

点击推送
WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_12

选择分支

选中提交的变更,点击推送push
WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_13

6.查看git变更记录

上git看看分支变更记录

WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_14


git配置文件中我们可以看到提交代码时并不会提交node_moudles文件,否则整个项目特别臃肿,默认提交会剔除该目录
WebStorm前端项目-首次pull(拉取)项目commit(提交)、push(推送)代码_WebStorm_15