用 Antigravity 開發：同時開第 2、第 3 個視窗，並重新打開 Laravel 專案（餐廳比喻版）
這篇文章整理我在使用 Antigravity 做開發時，最常遇到的三件事：
- 已經有一個視窗正在讓 agent 跑任務了，如何再開第 2、第 3 個視窗，讓我可以同時練習寫程式、做其他事情。
- 如何把「之前的 Laravel 專案」重新打開並跑起來。
- 如何用「餐廳分工」的方式，把視窗與工作切清楚，避免混亂。
一、先用餐廳分工想像你的開發環境
把 Antigravity 想成一間餐廳，你的工作通常同時在進行：
- 廚房：agent 正在跑任務（建置、測試、產生程式碼、整理資料）。
- 備料區：你在練習寫程式、試新語法、做小實驗。
- 接待台：你整理需求、記錄 TODO、對照錯誤訊息、問問題。
如果你把所有事情都塞在同一個視窗／同一個對話／同一個終端機，就像把「炒菜、切菜、接客」全部擠在同一個工作檯上，結果通常是：互相干擾、上下文混在一起、錯誤也更難追。
核心策略：正在跑任務的 agent 視窗不要動，另開新視窗來做練習和開發。
二、在 Antigravity 怎麼開第 2、第 3 個視窗
目標
- 視窗 1：專門給 agent 跑任務（不要亂碰）。
- 視窗 2：專門用來開啟 Laravel 專案、跑專案。
- 視窗 3：專門用來練習寫程式（安全試驗場）。
常見做法（通用概念）
在 Antigravity 的選單通常會有以下其中一種（名稱可能略有差異）：
- File／檔案 → New Window／新視窗：連按兩次就等於開第 2、第 3 個視窗。
- File／檔案 → Open Folder／開啟資料夾（或 Open Project／開啟專案）：選資料夾時若提示「在新視窗開啟」或「在目前視窗開啟」，就選 新視窗。
餐廳比喻：「開新視窗」就像在同一條街上再開一間分店，讓不同的員工各做各的事。
三、同一個視窗內也能分工：分割終端機與多個 Terminal
有時你不想開很多視窗，也可以在同一個 Antigravity 視窗裡做到分工：
- 開多個 Terminal 分頁（tabs）
- 使用 Split Terminal（分割終端機），變成左右或上下兩個終端機
很常見的配置是：
- Terminal A：跑 Laravel 後端（
php artisan serve） - Terminal B：跑前端（
npm run dev） - 編輯器：你改程式碼
- agent 面板：它繼續跑任務
四、用 Antigravity 重新打開「之前的 Laravel 專案」並跑起來
1）先確認你開到的是「專案根目錄」
你要開的資料夾，通常會包含以下關鍵檔案／資料夾：
artisancomposer.jsonapp/routes/resources/
在 Antigravity：File → Open Folder／Open Project → 選到專案根目錄
2）在 Terminal 依序執行最常見啟動流程
以下是一個一般情況最常用的順序，你可以當成「開店 SOP」。
Step A：安裝後端套件（Composer）
composer install比喻：後廚食材補齊。
Step B：安裝前端套件（NPM）
npm install比喻：外場設備、菜單系統裝好。
Step C：建立環境設定檔 .env
macOS / Linux：
cp .env.example .envWindows（PowerShell）：
copy .env.example .env比喻：把店內規章複製一份，準備填水電瓦斯資料（資料庫等設定）。
Step D：產生 Laravel App Key（重要）
php artisan key:generate比喻：裝上店門鑰匙與防偽鎖，Session / 加密才會正常。
Step E：資料庫遷移（需要時）
php artisan migrate比喻：把餐廳桌椅與動線（資料表）擺好。
Step F：啟動後端伺服器
php artisan serve比喻：正式開店，客人可以進門（常見網址：http://127.0.0.1:8000）。
Step G：前端熱更新（使用 Vite 時常見）
npm run dev比喻：菜單看板即時更新（熱更新）。
五、推薦的「三視窗配置」：最不容易亂
視窗 1：給 agent 跑（廚房）
- 只做一件事：跑任務。
- 原則：不要在這個視窗做練習，不要混入其他問題。
視窗 2：跑 Laravel 專案（店面）
- Terminal A：
php artisan serve - Terminal B：
npm run dev（需要時） - 所有與「餐廳專案本體」相關的修改都在這裡做。
視窗 3：練習寫程式（試做區）
- 做小實驗、練語法、測想法都放這裡。
- 好處：不會污染主要專案，也不會打斷 agent 任務。
六、快速檢查清單（回顧用）
- [ ] 視窗 1：agent 任務繼續跑（不動它）
- [ ] 視窗 2：Open Folder 打開 Laravel 專案根目錄
- [ ]
composer install - [ ]
npm install - [ ] 建立
.env（從.env.example複製） - [ ]
php artisan key:generate - [ ]
php artisan migrate（需要時） - [ ]
php artisan serve - [ ]
npm run dev（需要前端熱更新時） - [ ] 視窗 3：練習程式碼、試驗場
七、常見卡關（最短排查方向）
composer install很慢或失敗：常見原因是網路、PHP 版本、Composer 版本或套件相依性。php artisan serve打開空白或 500：常見是.env設定、APP_KEY 沒產生、資料庫連線錯。php artisan migrate失敗：資料庫沒建、帳密不對、或 migration 衝突。npm run dev失敗：Node 版本不合、套件沒裝齊、或 lock 檔衝突。
沒有留言:
張貼留言