iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
1
Modern Web

從零開始的個人化記帳程式開發系列 第 5

記帳程式 (05):編排檔案結構與分支管理


編排檔案結構

針對 src 目錄底下的檔案結構做了調整:

  • api:呼叫後端 API 統一格式放這裡
  • assets:圖片跟 CSS 檔
  • components:共用元件
  • layout:共用佈局
  • views:各個 route 的頁面

分支管理

並將昨天用 Vue CLI 建好的專案推到 Github:

  • 原始碼:https://github.com/DezChuang/richbook

分支管理的部分,因為直接一直把東西往 master 推還是比較有風險的。所以套用以前用 git-flow 的開發習慣,再開一個 develop 分支,並且預計之後在 develop 這條線開出 feature 做開發,完成後再合回 develop 分支。

雖然一個人自己開發不用這樣搞自己,但算是養成把每一個 feature 盡可能切細的好習慣,這樣未來在與其他團隊共同開發時可以降低分支合併衝突與在發 PR 請其他人 code review 時造成對方負擔。

結語

對沒錯,我們明天見!

後記

進入鐵人賽的第一個週末稍微鬆懈了一些,原本想說吃個晚餐回來還來得及寫,結果突然開始認真研究起了 eslint 怎麼會爆掉,還沒來得及設定完:

/images/emoticon/emoticon06.gif


上一篇
記帳程式 (04):用 Vue CLI 3 建置專案
下一篇
記帳程式 (06):Linter、Formatter 設定與 Element UI 安裝
系列文
從零開始的個人化記帳程式開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言