今天來模擬一個 git 在實際工作的使用。

以之前 JavaScript 學(xué)習(xí)里的最后一個例子為項目。

來模擬從開始到結(jié)束的整個 git 使用過程。

初始 git 項目

依然從本地創(chuàng)建倉庫為主。

在本地創(chuàng)建文件夾 my-task，使用 VS Code 打開，并在終端執(zhí)行 git init初始化本地倉庫。

如果你也想為當(dāng)前 倉庫配置用戶信息的話，可以使用 git config user.email 和 git config user.name 配置。

?? 注意這里配置的用戶信息僅適用于當(dāng)前倉庫。如果要全局生效，如果加上 global 參數(shù)。

為了保留 master 分支，在這里添加一個 readme.md 文件。不然接下來創(chuàng)建 develop 分支時，master 就不存在了。

創(chuàng)建 develop 分支工作

使用 git checkout -b develop 創(chuàng)建 deveop 分支并切換過去。

接下來就在 deveop 分支上開始工作了。

前面在開發(fā)我的任務(wù)管理時，我們需要三個基本文件，它的結(jié)構(gòu)是這樣的。

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

我們?nèi)绶▌?chuàng)建出這些文件的結(jié)構(gòu)，內(nèi)容暫時為空即可。

這樣我們把項目的基本結(jié)構(gòu)就創(chuàng)建好了，然后我提交這個修改。

使用 git add . 將所有修改添加到 stage 區(qū)。

然后使用 git commit -m "初始化項目結(jié)構(gòu)"提交修改。

為了簡化起見，我們只保留 develop 和 master 兩個分支，所有的開發(fā)都在 develop 分支上完成。

最后我們再把代碼合并到 master 分支上。

UI 及樣式開發(fā)

這里不再模擬細(xì)節(jié)的開發(fā)過程，僅僅拆分成 UI 和功能兩部分開發(fā)。

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

如上，在本地完成自我測試之后，依然使用 git add . 將所有修改添加到 stage 區(qū)。

然后使用 git commit -m "完成UI開發(fā)"提交修改。

功能開發(fā)

接下來，我們完成功能開發(fā)，也就是 JavaScript 的部分。

完成之后，操作還是和前面一樣。

合并代碼到 master 分支

到目前為止我們完成了開發(fā)工作，可以使用git log查看到歷史。

現(xiàn)在我們來將所有的修改合并到 master 分支。

使用 git checkout master 回到 master 分支。

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

這樣在 master 分支上，我們就有了所有的項目代碼。

發(fā)布代碼到遠(yuǎn)程倉庫

在 Azure DevOps 項目 git-learning里，我們有一個空的倉庫 my-task。

我們使用將本地倉庫推送到遠(yuǎn)程倉庫的方法，把本地倉庫的代碼發(fā)布到遠(yuǎn)程倉庫里。

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

瀏覽器訪問遠(yuǎn)程倉庫my-task看到如下：

完美！

總結(jié)

至此我們認(rèn)識了 git 的基本使用，以及在項目中的應(yīng)用。

有了這些基礎(chǔ)的認(rèn)識，就可以在自己的學(xué)習(xí)過程中使用版本管理進(jìn)行自我學(xué)習(xí)進(jìn)度的管理。

當(dāng)然學(xué)習(xí)還是要繼續(xù)的，接下來要考慮的，是基于目前的進(jìn)度如何打包和部署我們完成項目開發(fā)。

這一部分內(nèi)容，我們在下一個系列 CICD 里繼續(xù)。