Day 01我們介紹了Vibe Coding的核心思維從寫程式的人轉變為系統指揮者與審查者。

但要讓AI能精準貼合你的想法，第一步不是直接開始下Prompt，而是為AI設定好遊戲規則與專案邊界。如果沒有先做好規範，AI往往會按照它訓練集的預設習慣隨機選擇套件、寫出風格迥異的Code，甚至引入不符合你專案架構的寫法。

今天，將手把手打造一套高效的AI開發環境，並學習如何透過專案規則檔（Rules）讓AI成為聽話且專業的隊友。

1.AI-First IDE工具選型
目前市面上有兩種主流的AI開發環境配置路徑：

本系列選擇：我們將以Cursor（或VS Code + Cline）作為主要展示環境，其多檔案編輯與上下文連結能力（@file /@folder /@docs）能將Vibe Coding的體驗發揮到極致。

2.讓AI聽話的核心機制：.cursorrules / .clauderules
當你新建一個空白專案時，AI並不知道你打算用TypeScript還是JavaScript、用Tailwind還是CSS Modules。

.cursorrules（或 .clauderules / .cline/instructions.md）是放置在專案根目錄下的設定檔。每次你與 AI對話時，IDE都會自動將這份檔案的內容加入Prompt的System Context中。

一份標準且實用的.cursorrules範例：
在專案根目錄建立.cursorrules檔案：

3.脈絡（Context）管理最佳實踐
VibeCoding時最常遇到的問題之一是：為什麼AI開始胡言亂語（Hallucination）或忘記前面的邏輯？
這通常是因為輸入的Context過於混亂或龐大。在Cursor中，請務必養成使用Context標籤的習慣：

@file/@folder：精確指定AI應該參考或修改的檔案，不要讓AI盲目搜尋全專案。
@docs：直接引入第三方官方文件（例如指定@ShadcnUI或@Prisma），防止AI使用舊版或不存在的API方法。
@Codebase：僅在需要跨模組尋找關聯或全域架構分析時使用，避免浪費Token並提高回應精準度。

4.今日小結與實作驗證
設定好.cursorrules後，試著在Terminal建立專案並發起第一次測試對話：

測試Prompt：請幫我建立一個用於展示使用者個人檔案（UserProfile）的ReactTypeScript組件，包含頭像、名稱、Bio與編輯按鈕。

驗收標準：
是否自動使用了TypeScriptInterface？（沒有any）
是否自動使用了TailwindCSS與指定風格？
註解是否為繁體中文？
如果答案皆為是，代表你的AI開發夥伴已經成功被你歸訓，隨時準備進入明天的規格溝通實戰！