Gogs.02.构建本地仓库并上传到远程仓库

01. 通过VSCode构建一个Vue项目，

　　npm init vue@latest

　　配置参数并安装相关依赖

　　

 

 

　　安装完成后，试运行一下， 可以看到已还跑起来了;

　　

 

02. 本地仓构建

　　打开VSCode中的  Terminal 或直接在 vueApp目录下使用Git菜单

　　

　　执行指令：  git init     完成本地仓的建仓

　　

　　git status 可以查看到，vueApp目录下相关文档，均为未添加状态

　　

 

 　　git add .      (add后面空格后有个半角的点, 表示添加全部文件)

　　此时，再次查看状态

　　git status   可以发现，所有文件已添加缓存，但没有提交

　　

 

 　　git commit -m "描述内容"    提交内容

　　

 

 　　此时再次查看状态，可发现  为空工作树，即所有内容已提交，没有变化

　　

 

 03. 登陆Git服务，新建远程仓库

　　

 

 

　　登陆后新建远程仓库

　　

　　配置好仓库名称及仓库说明，即可创建仓库了

　　

 

 　　　　复制远程仓库地址，便于本地仓的关联与提交

　　

 

 04. 本地仓配置关联及提交

　　

 

  　　

　　提交时，提示  错误；(后来发现是自己在初次提交时配置的密码输错了)

　　>> 密码正确时，其实是可以直接提交成功的

　　

 

 　　此时登陆Git管理端，可看到数据已经提交到仓库了

 　　

 

05. 源码修改并提交

　　git pull   从远程库拉取最新代码 (如果是自己一个人开发的话，此步骤看心情弄吧)

　　git add .    --将最新修改添加到缓存

　　git commit -m "初稿修改，删除构建项目时的一些默认内容"    --提交到本地仓

　　git push  推到远程仓库

　　此时去Git服务上，是可以看到提交历史的 (如果不push,则是看不到的，commit只是提交到本地仓，push是推送到远程仓)

　　

 

 06. 本地仓构建新分支，并切换到新的分支上

　　

 

 　　此时的分支 dev 只是本地仓的分支，在远程仓库上还是只有一个分支 master

　　

 

 　　>> 修改 dev 分支并添加、提交，并尝试推送到远程仓

　　

 

 　　>> 通过提示的指令，完成远程仓库dev分支的创建

　　

 

 　　>> 登陆GIT管理后台，查看分支 情况及提交历史  ; 此时已经存在dev 分支了；

　　

 

 06. 本地仓再建个人开发分支

　　git checkout -b test     --本地仓再次新建个人开发使用的 test 分支

　　修改内容后，在test分支添加到缓存并提交；

　　

 

 　　>> 跨分支部分文件的合并 

　　

 

 　　此时在dev分支下查看，即可看到文件存在变更，已缓存，未提交状态

　　

 

 　　提交并推送到远程仓库，并查看日志

　　

 

 　　>>> 此时查看Git服务器上的推送日志, 信息正常

　　

 

 　　>>分支合并

　　　　在test分支完成开发并提交后，切换到 dev 分支，直接   git merge test ; 此时的日志中，在test分支中

　　　　

 

 　　　　在dev分支完成对 test 分支的合并后，提交到远程仓库

　　　　

 

 　　　　

 

 　　>> test分支的删除   git branch -D test

　　

 

　　在删除后查看分支，只剩下 dev 和 master  了

　　此时，vite 服务正常展示 

　　

 　　此时将dev合并到master 去

　　(

　　  a.    git checkout master     --切换到master

　　  b.　git merge dev               --将dev合并到master中去  

　　)