今天來模擬一個(gè) git 在實(shí)際工作的使用。

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

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

初始 git 項(xiàng)目

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后我們?cè)侔汛a合并到 master 分支上。

UI 及樣式開發(fā)

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

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

如上，在本地完成自我測(cè)試之后，依然使用 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 分支上，我們就有了所有的項(xiàng)目代碼。

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

在 Azure DevOps 項(xiàng)目 git-learning里，我們有一個(gè)空的倉(cāng)庫(kù) my-task。

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

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

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

完美！

總結(jié)

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

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

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

這一部分內(nèi)容，我們?cè)谙乱粋€(gè)系列 CICD 里繼續(xù)。