今天来模拟一个 git 在实际工作的使用。

以之前 JavaScript 学习里的最后一个例子为项目。

来模拟从开始到结束的整个 git 使用过程。

初始 git 项目

依然从本地创建仓库为主。

在本地创建文件夹 my-task，使用 VS Code 打开，并在终端执行 git init初始化本地仓库。

如果你也想为当前 仓库配置用户信息的话，可以使用 git config user.email 和 git config user.name 配置。

💡 注意这里配置的用户信息仅适用于当前仓库。如果要全局生效，如果加上 global 参数。

为了保留 master 分支，在这里添加一个 readme.md 文件。不然接下来创建 develop 分支时，master 就不存在了。

创建 develop 分支工作

使用 git checkout -b develop 创建 deveop 分支并切换过去。

接下来就在 deveop 分支上开始工作了。

前面在开发我的任务管理时，我们需要三个基本文件，它的结构是这样的。

my-task/ ├── css/ │   └── styles.css ├── js/ │   └── script.js └── index.html 

我们如法创建出这些文件的结构，内容暂时为空即可。

这样我们把项目的基本结构就创建好了，然后我提交这个修改。

使用 git add . 将所有修改添加到 stage 区。

然后使用 git commit -m "初始化项目结构"提交修改。

为了简化起见，我们只保留 develop 和 master 两个分支，所有的开发都在 develop 分支上完成。

最后我们再把代码合并到 master 分支上。

UI 及样式开发

这里不再模拟细节的开发过程，仅仅拆分成 UI 和功能两部分开发。

完成 index.html 和 styles.css 的工作量之后。

如上，在本地完成自我测试之后，依然使用 git add . 将所有修改添加到 stage 区。

然后使用 git commit -m "完成UI开发"提交修改。

功能开发

接下来，我们完成功能开发，也就是 JavaScript 的部分。

完成之后，操作还是和前面一样。

合并代码到 master 分支

到目前为止我们完成了开发工作，可以使用git log查看到历史。

现在我们来将所有的修改合并到 master 分支。

使用 git checkout master 回到 master 分支。

再使用 git merge develop 合并 develop 分支到 master 分支。

这样在 master 分支上，我们就有了所有的项目代码。

发布代码到远程仓库

在 Azure DevOps 项目 git-learning里，我们有一个空的仓库 my-task。

我们使用将本地仓库推送到远程仓库的方法，把本地仓库的代码发布到远程仓库里。

git remote add origin https://itisnorth@dev.azure.com/itisnorth/git-learning/_git/my-task git push -u origin --all 

浏览器访问远程仓库my-task看到如下：

完美！

总结

至此我们认识了 git 的基本使用，以及在项目中的应用。

有了这些基础的认识，就可以在自己的学习过程中使用版本管理进行自我学习进度的管理。

当然学习还是要继续的，接下来要考虑的，是基于目前的进度如何打包和部署我们完成项目开发。

这一部分内容，我们在下一个系列 CICD 里继续。