夠用就好：資料夾、專案與兩種網址
先用 Finder 或檔案總管認得專案資料夾，再分清楚 Claude App 預覽、本機網址與正式網址；主課程不需要輸入指令。
09
學完這一課，你會做到
- 分辨檔案、資料夾、路徑、App 與瀏覽器
- 從 Finder／檔案總管選到正確的課程專案
- 分辨 App 預覽、本機網址與正式上線網址
開始前先定位
你在這裡課堂啟動與版本準備
先認識 Claude Code 介面並安裝 Node.js，再理解資料夾與 GitHub，最後把自己的 repo 帶進 Claude App，完成第一次 Review changes。
完成證據本課可驗收的結果
完成本課自我檢查，並留下可以親自確認的畫面或結果。
本課先不做守住小步與資料界線
不使用真實病人資料，也不在尚未驗收時一次交付多個大型修改。
本課名詞檔案資料夾路徑Previewlocalhost
今天會遇到的五個地方
| 名詞 | 白話比喻 | 你要會的事 |
|---|---|---|
| 檔案 | 一張表單 | 知道名稱與副檔名 |
| 資料夾 | 放表單的抽屜 | 知道專案放在哪裡 |
| 路徑 | 抽屜的地址 | 用 App 的資料夾選擇器選對專案 |
| Claude App | 可協助整理與修改專案的工作台 | 在 Code 分頁開啟本機資料夾 |
| 瀏覽器 | 看網站的窗口 | 開預覽與正式網址驗收 |
先準備空資料夾，再認得實際 repo
- 在 Finder（macOS）或檔案總管（Windows）建立「白袍AI課程」專用空資料夾；不要選整個 Documents、桌面或家目錄。
- 稍後由 Claude App 完成 clone 後，這個空資料夾裡會多一個與 GitHub repository 同名的子資料夾。
- 實際 repo 資料夾內應看得到 README、package.json 與數個子資料夾；不要逐一修改不認識的檔案。
- clone 完成後，必須在 Claude App 重新選擇這個實際 repo 資料夾，而不是上層空資料夾或單一檔案。
三種畫面不要混在一起
- Claude App 的 Preview：在 App 內快速檢視正在修改的網站，主要用於開發中驗收。
- localhost 或 127.0.0.1：只在目前這台電腦運作；關閉工作階段或本機服務後可能不能看。
- vercel.app 或自訂網域：部署在網路上；有網址的人可能連得到，因此安全設定不能靠「網址很難猜」。
低壓力自我檢查
App 預覽可以看，但正式 Vercel 網址仍是舊畫面，最合理的理解是？
準備好再標記完成完成狀態會留在這台裝置，下次回來可接著學。