<p>我剛剛和我們的一位資深工程師聊到，他提到自己幾乎不再輸入程式碼了——只是在 Cursor 的代理視窗輸入指令。</p><p>我告訴他，這幾乎也是我現在每天在做的事（大約 80% 的時間）。</p><p>如果你知道自己在做什麼，這對處理複雜任務時很有用。以下就來看看我使用 Cursor 的方式，還有我的一些心得。</p><p>Cursor 中一個常常被忽略的超酷功能，就是讓代理不停地寫程式碼，直到它能驗證這些程式碼不只通過 Lint 檢查，而是確實可行。若要啟用這個功能，你需要打開 YOLO 模式。</p><p>前往設定，往下捲，確保你把 YOLO 模式打開。別被它的名字嚇到。我第一次聽到這個名字時，也覺得自己不應該用，但依我看，你絕對應該用。</p><p>勾選這個選項後，你會看到更多選項。你可以設定提示語（prompt）、允許清單（allow list）及/或拒絕清單（deny list）。這是我在 YOLO 模式中的提示語：</p><blockquote>any kind of tests are always allowed like vitest, npm test, nr test, etc. also basic build commands like build, tsc, etc. creating files and making directories (like touch, mkdir, etc) is always ok too</blockquote><p>如此一來，如果它想要執行 、 或直接檢查 lints，都行。很酷的工作流程之一是直接執行 ，如果任何檔案有錯誤，它就會自動修正，並且一直迭代到能成功通過編譯。非常厲害。</p><p>下面談談我如何在比較複雜的情境下使用 Cursor。我可能會給它這樣的提示語：</p><blockquote>Create a function that converts a markdown string to an HTML string.</blockquote><p>我選這個提示語是因為幾乎沒有任何 AI 能在一次就「完美」生成這樣的程式。這種需求通常需要幾次反覆嘗試。</p><p>傳統的做法是：輸入指令，看它生成一些程式碼，再手動測試，發現不對，再回來修復，重複多次。你很像在當 QA 測試員。這方法可行，但不一定有趣。</p><p>這也是人們為什麼會發明自動化測試和測試驅動開發。我平常並不是測試驅動開發的愛好者，但對 AI 而言，我真的非常推薦。要讓這個提示語好上千倍，只要加上一行指令：</p><blockquote>Write tests first, then the code, then run the tests and update the code until tests pass.</blockquote><p>我並沒有告訴 Cursor 任何額外情報，也沒給它範例檔案或手動建立測試資料夾。它會從 找到線索，真的很聰明。</p><p>有趣的地方在這裡開始：Cursor 正在建立一個測試檔案。與大多數 AI 產生的程式碼不同，我們在某種程度上可以保證它寫出的程式碼行為是正確的。因為通過這些測試，至少表示它在做的事符合測試的需求。</p><p>接著，它開始撰寫實作程式碼，並嘗試執行測試。此時，你可能看到六個測試沒通過。因為我開了 YOLO 模式，並且告訴它可以自動執行測試，它就不斷地迭代程式碼直到測試通過。而我什麼也沒做。</p><p>不過，你還是需要隨時注意。有時候它真的亂跑，需要你按下停止，然後說：「等一下，你完全離題了。重置、重新調整、回到正確方向。」</p><p>就我這次的情況來看，最後所有測試都通過了！</p><p>另一個有趣的做法是，利用現成的測試套件，告訴它：「讓我們再加幾個測試案例，然後確定程式能通過。」</p><p>比方說，我在另一個專案中，有一些編譯器和轉換器。裡面有個轉換器偶爾會出錯。我會從日誌中複製那段無法轉換的程式碼，每隔幾天就貼到 Cursor，然後說：「執行這段程式碼，看看哪裡轉換失敗，幫我寫測試檔並修好原始碼，直到測試通過。」。這真的很驚艷。我大概每隔幾天就這樣做一次，不斷新增新的案例，讓整個程式越來越健壯。</p><p>有人在留言區問，能否用 Cursor 讓 UI 設計看起來更好。很不幸，Cursor 和其他 LLM 在設計的視覺正確性上仍然很弱。</p><p>如果你還不熟悉，可以用 Builder.io 來將設計轉換成程式碼。它可以達到一定程度的準確性，尤其是在你有做好一些設計檔前置規劃的情況下。</p><p>以下是我喜歡的設計到程式流程：</p><figure class="kg-card kg-image-card"><img src="https://insight-s3.tenten.co/2025/03/22/406.jpg" class="kg-image" alt="設計師使用 Figma 來建立設計。然後用 Builder.io 將設計轉換成程式碼。然後，開發人員使用支援 AI 的程式碼編輯器來迭代程式碼，例如 Cursor." loading="lazy" width="705" height="506"></figure><ul><li>Builder.io 全方位指南：視覺化開發平台的完整剖析</li><li>Builder.io 與現有網站框架的整合指南 - 未分類 - AI Playground by Tenten</li><li>利用 Figma、Builder.io 與 Lovable.dev 打造 SaaS 產品的完整指南</li><li>在純 HTML 和 CSS 網站上整合 Builder.io 指南 - 未分類 - AI Playground by Tenten</li><li>Builder.io API：網站動態內容擷取指南 - 未分類 - AI Playground by Tenten</li><li>Builder.io 與 Shopify 主題整合指南 - 未分類 - AI Playground by Tenten</li><li>Builder.io 社群反饋分析報告 - 未分類 - AI Playground by Tenten</li></ul><p>讓我再介紹一個我很常用的技巧。</p><p>假設我已經跟著靈感一路寫了不少程式，然後突然發現——啊，TypeScript 的問題。你執行編譯後，出現一堆錯誤。這時候該怎麼辦？我會直接到 Cursor 跟它說：</p><p>I've got some build errors. Run nr build to see the errors, then fix them, and then run build until build passes.</p><p>這也是我經常在工作結尾做的一件事。我在做完很多修改後，可能有一些 Lint 的問題或其他瑣碎的錯誤，我就直接把這些都交給 Cursor。</p><p>在所有專案裡，我通常都會保留一個叫做「pre-PR」的指令。它通常是最能快速檢查的編譯步驟，像是執行 、Prettier、ESLint 等，不跑長時間的端到端測試，因為我很少會破壞那些。這些檢查都跑完沒問題，我就知道不會在 CI 裡面出包。</p><p>然後我只要讓 Cursor 執行這些指令，直到全部通過，通常在大型且複雜的專案裡也都行得通。</p><p>有時候，你會遇到特別棘手的問題，這時候讓 Cursor 輸出日誌，再用日誌來修正其實很有幫助。我是這樣做的：</p><ol><li>告訴 Cursor：「請在程式碼中加上日誌，讓我們更清楚地了解問題發生的原因，我會執行程式並把日誌結果給你。」</li><li>Cursor 會在程式碼關鍵位置加上 log。</li><li>我跑一次程式，收集所有日誌輸出。</li><li>回到 Cursor，貼上輸出的日誌，然後問：「根據這些日誌結果，你認為問題出在哪裡？該怎麼修？」</li><li>我會把原始日誌貼給它分析。</li></ol><p>這個方法能給 Cursor 更具體的資訊，就像多了份診斷報告。它就能基於真實行為，而不只是靜態分析來提出更明確的修正。</p><p>此法特別適合那些不容易察覺的 bug。有時候只靠看程式碼很難發現問題。它就像一位能快速幫你插入日誌、跑程式並分析結果的開發助理。</p><p>當然，這還是需要幾次反覆。你可能需要再加更多日誌，或是重新聚焦在其他區塊。不過，這對利用 AI 解決複雜問題相當有幫助。</p><p>再來介紹幾個你可能已經知道，也可能不知道的小技巧。這些在 Cursor 裡都很方便。</p><ul><li>Command K 非常適合做快速變更。比如我想把所有字體縮小，除了主要的複製文字以外。我就能選取相關程式碼，按下 Command K，然後告訴 Cursor 我要做哪些改動。</li><li>Command I 則會打開代理介面。如果你選了某些程式碼並按下 Command I，就會把那段程式碼放進代理聊天的上下文中。當你想和代理討論或修改特定程式碼時，這真的很實用。</li></ul><blockquote>Cursor 的做法是：Command K 比 Command I 更快，因為它只針對你選中的程式碼，運作起來更敏捷。它在畫面中直接給你簡單的介面，也很順手。</blockquote><p>我很喜歡在終端用 Command K，能替我省掉很多手動輸入。比方說，我想列出最近五個 git 分支，就可以告訴它：「list my five most recent git branches」。</p><p>我才不會浪費腦力去記複雜的 git 指令，這樣我就能騰出更多時間和精神，專注在真正重要的事上。Cursor 只要動幾下手指，就能幫我做我想做的事。我覺得非常讚。</p><p>我們都知道有自動完成功能，不過有時候在 Cursor 裡也會遇到一些不太直觀的情況。經過一年多的使用經驗，我大概摸清楚該怎麼用。</p><p>看到那行灰色文字嗎？如果我再按 Tab，就會自動幫我補到那裡。Cursor 比較特別的地方在於，按 Tab 可能會完成程式碼，也可能只是跳到下一個提示。需要一點時間習慣。</p><p>或許你不知道，Cursor 也能幫你生成提交訊息（commit message）。我常常忘記這個功能，但其實應該更常用。只要到版本控制區域，點一下那個魔術棒圖示就行了。它並不一定完美（有時候會有點詞不達意），但可以作為提交訊息的起始點，讓你自己再微調。</p><p>再來是關於 Bug Finder 功能。挺酷的，可以用 ，輸入「bug finder」來找到它。</p><p>Bug Finder 會把你修改後的程式跟 main 分支比較，試圖找出潛在的問題。它不一定很準，但偶爾能幫你抓到一些你自己忽略的地方。</p><p>舉例來說，如果你漏了對零值的處理，Bug Finder 可能就會提醒你，尤其在做 UI 位置處理時，零值沒處理好挺容易出事的。</p><p>很多人會問，使用像 Cursor 這樣的 AI 工具，是否會讓自己失去程式能力？這是個值得思考的問題，我的看法是：</p><p>如果說程式能力是指，如何用正確的方式打造好產品，那麼你每天要不要親手撰寫程式碼，其實對維持或提升能力的影響並沒有那麼大。</p><p>AI 可以自動化掉大量基礎工作，讓你節省時間和心力，進而專注在更難的部分。我可以讓 AI（透過 Cursor 的 Composer）幫我生成 UI，等到事情變得更複雜時，我就會回頭親手處理。</p><p>我認為，不可能有人只靠隨便輸入指令，就完全造出一個產品。我從沒見過有人能完全靠 AI 生成所有東西，也不覺得未來有可能。AI 的確進步很多，但在某些領域也遇到瓶頸了。</p><p>我們依然需要手動除錯、修正和實作。如果你完全不懂程式，不理解如何除錯，那就要花時間把基礎的程式能力學好。但使用 AI 寫程式的過程中，你還是會一直跟程式碼接觸，當你解決問題時，程式技能也會隨之成長。</p><figure class="kg-card kg-image-card"><img src="https://insight-s3.tenten.co/2025/03/22/430.jpg" class="kg-image" alt="工作流程顯示新任務與最終成品之間的任務。從一項新任務開始，我們首先會詢問這項任務是簡單還是複雜。如果是簡單的，我們可以使用 AI 來編寫程式碼、除錯，並為最終產品整合解決方案。如果複雜，我們仍需要手動編碼." loading="lazy" width="705" height="593"></figure><p>我覺得，AI 對資深工程師的幫助最大。最好的情況是，你積累更多開發能力，然後使用 AI 來輔助。你要真正瞭解這些程式碼是怎麼回事。</p><p>只要你還在跟程式碼互動，你就還能建立程式能力。更重要的是，你也在培養產能和效率。我更願意雇用會熟練使用 Cursor 的開發者，而不是堅持手動輸入所有程式碼的人。</p><p>我希望開發者能盡可能精簡、高效地工作。不太可能一直八小時都在解決超難的問題，但我可以花四小時用 AI 幫我處理常規 UI，再花兩小時解決真的很棘手的問題。對整體進度來說，這樣效率也最高。</p><p>總之，Cursor 是一個非常強大的工具。如果你只用它的自動完成功能，你就錯過很多。試試看它的代理功能和其他厲害的特色，熟悉哪些工作流適用代理，哪些又適合測試。</p><p>最終目標是為使用者提供更好的產品，這才會為企業帶來更多收益。好好運用這些 AI 工具，以更高效率完成工作，但別忘記自身的程式技能和解決問題的能力依然重要。這就是我對 Cursor 的**技巧分享。試試看這些方法，希望能讓你的工作流程更順暢。</p><h4 id="learn-more-about-cursor-ai">Learn more about Cursor AI</h4><ul><li>Builder.io 全方位指南：視覺化開發平台的完整剖析</li><li>Tenten AI - 科技、AI 新聞｜解鎖人工智慧的未來</li><li>如何使用 Cursor（**技巧分享）</li><li>Lovable：AI 開發神器，點子秒變 App!</li><li>Cursor AI - Tenten AI - 科技、AI 新聞｜解鎖人工智慧的未來</li><li>Cursor AI 與 AI 編碼學習資源綜合指南</li><li>Cursor AI 使用技巧：提升程式編寫效率的秘訣</li><li>Cursor 神技大公開！編碼速度提升 2 倍，效率翻倍</li><li>Cursor AI 顛覆程式開發！零基礎也能快速打造App</li><li>8歲女孩也能輕鬆上手！Cursor 讓AI程式設計不再遙不可及</li></ul>