Vibe Coder
選對你的武器:Cursor、Windsurf、VS Code、Claude Code 怎麼選
選對你的武器:Cursor、Windsurf、VS Code、Claude Code 怎麼選
IDE 決定 AI 能看到什麼:不同工具給 AI 的上下文不同,能看到整個專案還是只能看到一個檔案,輸出品質差很多。選對 IDE 等於選對了你跟 AI 的溝通方式。沒有設定 Rules,AI 每次都從零開始猜你的偏好,效率低又容易出錯;工具和你的工作流吻合,每個動作都順,不吻合,每一步都在對抗工具本身。
你將學到什麼
IDE 是什麼
跟 Word 差在哪,為什麼它也是 AI 的操作介面。
四大工具怎麼選
Cursor、Windsurf、VS Code、Claude Code 的定位、費用與決策樹。
Rules 怎麼寫
全域與專案兩層規則,讓 AI 永遠記得你的偏好。
Context 怎麼餵
三個來源與常用 @ 指令,精準把對的東西交給 AI。
為什麼 Vibe Coder 需要認真選 IDE
| 原因 | 說明 |
|---|---|
| IDE 決定 AI 能看到什麼 | 不同工具給 AI 的上下文不同,能看到整個專案和只能看到一個檔案,輸出品質差很多。 |
| Rules 設定決定 AI 的行為 | 沒有設定 Rules,AI 每次都從零開始猜你的偏好,效率低又容易出錯。 |
| 費用差距可以很大 | 有些工具免費用到夠,有些每月要付幾千元,選錯了帳單比學費還貴。 |
| 適合的工具讓你快十倍 | 工具和你的工作流吻合,每個動作都順;不吻合,每一步都在對抗工具本身。 |
IDE 是什麼
IDE 是 Integrated Development Environment(整合開發環境)的縮寫,簡單說就是寫程式用的專業編輯器。它和 Word 的差別在於:IDE 懂程式,能幫你標示語法錯誤、自動補全、執行程式、管理檔案。對 Vibe Coder 來說,IDE 還多了一個角色:AI 的操作介面。你在 IDE 裡跟 AI 對話、讓 AI 讀你的程式碼、讓 AI 直接修改檔案,選對 IDE 等於選對了你跟 AI 的溝通方式。
四大工具比較
目前 Vibe Coder 最常用的四個工具,各有不同定位,不用每個都裝,選一個主力用就好。
| 工具 | 定位 | 費用 | AI 深度 | 適合誰 |
|---|---|---|---|---|
| Cursor | AI 原生 IDE,以 VS Code 為基底 | 免費版可用,Pro 版每月 20 美元 | 最深,可讀整個專案 | 全端專案、認真做產品 |
| Windsurf | 輕量 AI 編輯器,操作直覺 | 免費版額度慷慨 | 深,Cascade 模式強 | 快速上手、輕量專案 |
| VS Code + Copilot | 最多人用的編輯器,加 AI 插件 | VS Code 免費,Copilot 每月 10 美元 | 中,逐行補全為主 | 已在用 VS Code 的人 |
| Claude Code | 終端機原生 AI 代理 | 用量計費,依 token | 深,可執行指令與修改檔案 | 自動化任務、Terminal 重度用戶 |
決策樹:我該選哪個?
- 你是完全新手,還沒有慣用工具?先裝 Cursor 免費版,功能最完整,社群資源最多。
- 你已經在用 VS Code,不想換環境?加裝 GitHub Copilot 或 Cline 插件,成本最低。
- 你想要最簡單、最快上手的體驗?試試 Windsurf,介面乾淨、免費額度夠用。
- 你需要 AI 自動跑指令、處理整個專案?用 Claude Code,但要有 Anthropic API 帳號。
安裝與初始設定(以 Cursor 為主示範)
- 前往 cursor.com,點「Download」,選對應你的作業系統版本(Mac Intel、Mac Apple Silicon、Windows)。
- 安裝完畢後第一次開啟,會引導你登入或建立帳號,建議用 GitHub 帳號登入,之後管理比較方便。
- 選擇 AI 模型:預設是 GPT-4o,建議在 Settings 到 Models 裡切換成 claude-sonnet,程式理解能力更強。
- 從終端機確認 Cursor 的 CLI 已加入 PATH:執行
cursor --version,看到版本號就成功了。
| 設定項目 | 在哪裡 | 建議值 |
|---|---|---|
| 預設 AI 模型 | Settings → Models | claude-sonnet-4-5 或更新版 |
| 自動儲存 | Settings → Editor → Auto Save | afterDelay(500ms) |
| 終端機整合 | View → Terminal | 確認可以在 IDE 裡開終端機 |
Rules 與 Memory:讓 AI 記得你的偏好
沒有設定 Rules,每次開新對話 AI 都從零開始,你要一直重複說「請用繁體中文」、「請加上錯誤處理」、「不要用 TypeScript」。Rules 是讓 AI 永遠記得你的規則。
| 層級 | 檔案位置 | 作用範圍 | 用途 |
|---|---|---|---|
| 全域 Rules | Cursor Settings → Rules | 所有專案 | 你的個人偏好,永遠適用 |
| 專案 Rules | .cursor/rules/ 資料夾 | 這個專案 | 這個專案的特定規則 |
# .cursor/rules/global.mdc
# 語言與溝通
永遠用繁體中文回覆,程式碼的註解也用繁體中文。
# 程式風格
所有 Python 程式必須加上 try/except 錯誤處理。
API Key 一律用環境變數,不要寫死在程式碼裡。
函式必須加上 docstring 說明用途、參數、回傳值。
# 輸出格式
說明程式碼時,先說「這段在做什麼」,再說「為什麼這樣寫」。
修改程式前,先列出你打算改哪些地方,等我確認再動手。
Context 怎麼餵:讓 AI 看到對的東西
AI 的輸出品質,九成取決於它能看到什麼。給錯 Context,AI 只能猜;給對 Context,AI 才能真的幫你。
- 你的對話內容:你說的每一句話、貼的每一段程式碼,都是 Context,說得越清楚,AI 越準確。
- 開啟的檔案:Cursor 會自動把你目前開著的檔案納入 Context,相關的檔案都開著,AI 就能看到全貌。
- @ 符號手動指定:在對話框輸入 @檔案名稱 或 @資料夾,精確告訴 AI 要看哪個東西。
| 指令 | 作用 | 使用時機 |
|---|---|---|
| @檔案名稱 | 把指定檔案加入 Context | 要修改某個特定檔案 |
| @資料夾 | 把整個資料夾加入 Context | 要理解整個模組的結構 |
| @Codebase | 讓 AI 搜尋整個專案 | 找某個函式或變數在哪裡 |
| @Docs | 加入外部文件或網址 | 要 AI 參考某個 API 文件 |
| @Git | 加入 Git 提交記錄 | 要 AI 了解最近改了什麼 |
Extension 選擇原則
Extension(插件)可以讓 IDE 更強大,但裝太多會拖慢速度、製造衝突。Vibe Coder 的原則是:少裝、裝對、定期清。
| 插件名稱 | 用途 | 優先度 |
|---|---|---|
| Python(Microsoft 官方) | Python 語法提示、除錯、虛擬環境切換 | 必裝(寫 Python) |
| Prettier | 自動格式化程式碼,AI 產出的排版不一致時很有用 | 強烈建議 |
| GitLens | 在程式碼旁顯示誰改了什麼、什麼時候改的 | 強烈建議 |
| Thunder Client | 在 IDE 裡測試 API,不用另外開 Postman | 建議(有串接 API 時) |
| Error Lens | 把錯誤訊息直接顯示在程式碼旁邊 | 建議 |
| DotENV | 讓 .env 檔案有語法高亮,變數不會看漏 | 建議 |
不需要裝的:多個 AI 插件同時裝(Cursor 內建 AI,不需要再裝 Copilot 或 Codeium,互相衝突只會更慢)、主題包超過兩個(選一個你喜歡的深色主題就好)、你不確定用途的插件(看到別人推薦就裝,是裝了很多但用不到的根源)。
Cursor 設定與 AI 快捷鍵
| 設定位置 | 設定什麼 | 效果 |
|---|---|---|
| Settings → Models | 選擇預設模型(claude-sonnet-4-6) | 決定每次 AI 回應的品質和費用 |
| Settings → Rules | 全域規範:語言、風格、禁止行為 | 不用每次重複說明,AI 自動遵守 |
.cursor/rules/ | 專案規範:技術棧、Commit 格式 | 進入專案 AI 自動讀取 |
| 快捷鍵 | 功能 | 最常用在 |
|---|---|---|
| Cmd+K | 內嵌編輯 | 選取程式碼後直接修改 |
| Cmd+L | Chat 面板 | 問問題、解釋程式碼 |
| Cmd+I | Composer | 跨多個檔案的大型任務 |
| @檔案名 | 引用特定檔案 | 「請參考 @weather.py 寫測試」 |
| @Codebase | 搜尋整個專案 | 「有沒有地方處理 JWT?」 |
必裝插件與設定 Checklist
| 插件名稱 | 用途 |
|---|---|
| Ruff | Python Linting,存檔自動修正風格問題 |
| Pylance | Python 智慧補全和型別檢查 |
| GitLens | 行內 git blame,看每行是誰改的 |
| Thunder Client | IDE 內的輕量 API 測試工具 |
| DotENV | .env 檔案語法高亮 |
| Error Lens | 把錯誤訊息顯示在對應行旁邊 |
.cursor/rules/python.mdc 放這個專案特有的規範(測試框架、Commit 格式、禁改的檔案)。兩層分開管理最乾淨。
