[Gemini CLI] 使用 Gemini CLI 開發 Arc 風格 Chrome Extension 心得分享

Oct 3, 2025 min read
[Gemini CLI] 使用 Gemini CLI 開發 Arc 風格 Chrome Extension 心得分享

前言

近期 Google 宣布將 Gemini 整合至 Chrome 瀏覽器，這項消息激發了我從 Arc 瀏覽器重返 Chrome 的想法。然而，我非常喜愛 Arc 瀏覽器那套垂直管理分頁和書籤的設計，因此決定自己動手開發一個功能類似的 Chrome 擴充功能。

這篇文章將分享我如何使用 Google 最新釋出的 Gemini CLI，從零開始打造一個 Arc 風格的 Chrome Extension。文中會記錄整個開發過程的經驗、遇到的挑戰，以及我對 Gemini CLI 這類 AI 開發工具的實用心得。

使用 Gemini CLI 開發 Chrome Extension

Gemini CLI 的強大功能確實令人驚艷。它不僅能協助撰寫程式碼，還能處理版本控制、自動生成 commit message 等任務，開發者可以透過專案根目錄的 GEMINI.md 文件，引導 Gemini 理解專案的架構、程式碼風格和開發慣例。

然而，在開發過程中，我也遇到了一些挑戰。

開發挑戰：程式碼修改的穩定性

在處理較複雜的任務時，我發現 Gemini CLI 在透過 str_replace 修改程式碼的過程中，偶爾會出現錯誤，甚至陷入不斷修正又改錯的無限循環。

要解決這個問題，最好的方式是將大型的修改拆解成數個小步驟，並確保每一次的 commit 粒度都足夠小。這種做法不僅符合良好的開發習慣，也能在需要時，請 AI 協助 squash commit 並重新整理 message。

開發挑戰：Context 管理與建議

另一個問題與前者相關。當 Gemini CLI 陷入無限循環時，當前的對話 session 很容易發生錯亂，導致答非所問。這時，善用 /clear 指令來清空 context 就非常重要。

我還觀察到，當 context 使用率達到 75%-80% 左右時，AI 的回應品質也可能下降。因此，隨時準備好 /clear 是必要的。為了讓 Gemini 在重置 context 後能快速進入狀況，我養成了一個習慣：在每次修改程式碼後，都請 AI 檢查 GEMINI.md 的內容是否需要更新。

保持 GEMINI.md 的即時性，是確保 Gemini 高效運作的關鍵。

總體而言，Gemini CLI 這類 AI 開發工具能顯著提升開發效率，讓工程師在進行 side project 或產品原型驗證（POC）時更加得心應手。

總結

透過 Gemini CLI 這樣的 AI 工具，我的開發效率得到了顯著提升，省下的時間可以用在更有價值的事情上，例如陪伴家人或研究投資。

雖然 AI 輔助開發（Vibe Coding）仍有翻車的風險，但只要開發者保持足夠的謹慎和細心，就能有效避免多數低級錯誤。期待 AI 技術在未來能持續進化，為開發領域帶來更多可能性。

附上我的套件連結：