Vibe Coder

整套流程跑一遍:從零建一個真的能跑的天氣小工具

這篇帶你用 AI 協作建一個天氣查詢小工具:建立專案結構、裝虛擬環境與套件、用四要素提示詞讓 AI 寫程式、自我審查後執行,最後推上 GitHub。完成後你會有一個能跑的程式、一份 commit 歷史,以及一份 requirements.txt,代表 Stage 0 的能力真的到位了。
整套流程跑一遍:從零建一個真的能跑的天氣小工具

整套流程跑一遍:從零建一個真的能跑的天氣小工具

把 Stage 0 全部串起來:終端機、IDE、AI 對話、Git、套件管理,第一次完整走一遍,確認你真的會用。我們要用 AI 協作,建一個「每日天氣提醒小工具」:輸入城市名稱,呼叫天氣 API,印出今天的天氣概況。這不是 Hello World,而是一個真的有用的小工具,完成後你會有一個可以跑的 Python 程式、一個有 commit 歷史的 Git repo、一份 requirements.txt。

你將學到什麼

建立專案結構

四個步驟養成好習慣:建資料夾、git init、建虛擬環境、建 .gitignore。

用 AI 寫出第一版

四要素提示詞加上自我審查,寫出天氣查詢程式。

安全推上 GitHub

推上去前先查 .env 沒有被追蹤。

Stage 0 驗收清單

七項全部打勾,才算真的準備好進入 Stage 1。

這個模組要做什麼

重點說明
把 Stage 0 全部串起來終端機、IDE、AI 對話、Git、套件管理,第一次完整走一遍,確認你真的會用。
建立第一個可跑專案不是 Hello World,而是一個真的有用的小工具,用 AI 協作完成。
Stage 0 驗收清單做完這個模組,用清單確認 Stage 0 的所有能力都到位了。
準備好進入 Stage 1環境穩定、工具設定好、習慣建立了,才能有效率地學後面的東西。

這個專案會用到:終端機指令、虛擬環境、pip 安裝套件、AI 對話寫程式、Git commit。完成後你會有:一個可以跑的 Python 程式、一個有 commit 歷史的 Git repo、一份 requirements.txt。

為什麼選這個專案天氣 API 是最簡單的公開 API,不需要付費,回傳 JSON 格式,讓你在真實場景練習「API 串接」、「JSON 解析」、「錯誤處理」三個核心技能,同時又夠小、夠簡單,一個下午能完成。

建立專案結構

# 進入你的練習資料夾
cd ~/Desktop/vibe-projects

# 建立新專案資料夾並進入
mkdir weather-tool
cd weather-tool

# 初始化 Git
git init

# 建立虛擬環境並啟動(Mac / Linux)
python3 -m venv .venv
source .venv/bin/activate

# 建立 .gitignore(一次寫入三行)
echo ".venv/" > .gitignore
echo ".env" >> .gitignore
echo "__pycache__/" >> .gitignore

# 第一次 commit
git add .gitignore
git commit -m "初始化專案,加入 .gitignore"
專案結構的好習慣每個新專案都從這四步開始:建資料夾、git init、建虛擬環境、建 .gitignore。這四步做完,後面所有操作都有安全網。

安裝套件與設定環境

# 確認虛擬環境已啟動(看到 .venv 字樣)
pip install requests

# 把套件清單記錄下來
pip freeze > requirements.txt

# 建立 .env 檔案(用 IDE 開啟後寫入)
WEATHER_API_KEY=你的API金鑰

# 安裝讀取 .env 的套件,再更新清單
pip install python-dotenv
pip freeze > requirements.txt
每次裝完套件都要更新清單養成裝完套件就跑一次 pip freeze > requirements.txt 的習慣,這樣 requirements.txt 永遠是最新的,別人拿到你的專案一行指令就能重現環境。
.env 絕對不能 commit你剛才在 .gitignore 裡已經加了 .env,所以這個檔案不會被 Git 追蹤。每次 commit 前用 git status 確認一下,.env 不應該出現在清單裡。

第一個可以跑的專案:用 AI 寫程式

現在打開 Cursor,把專案資料夾開啟,在 AI 對話框用四要素提示詞請 AI 寫程式:

使用者輸入城市讀取 .env 金鑰呼叫OpenWeatherMap API取得 JSON 回應印出溫度/濕度/天氣描述
這個天氣小工具實際上在做的事:五步資料流。
請用 Python 寫一個天氣查詢小工具,功能如下:
- 從 .env 讀取 WEATHER_API_KEY
- 讓使用者輸入城市名稱(英文)
- 呼叫 OpenWeatherMap API(免費版)查詢當前天氣
- 印出:城市名稱、溫度(攝氏)、天氣描述、濕度
- 如果城市找不到或 API 出錯,顯示友善的錯誤訊息
- 使用 requests 和 python-dotenv
- 每行加上繁體中文註解

AI 產出後,先讓它自我審查:

這段程式碼有沒有安全疑慮?邊界情況有沒有都處理到?

確認沒問題後,把程式碼存成 weather.py,在終端機執行:

python3 weather.py
取得免費 API Key前往 openweathermap.org 免費註冊,在 API Keys 頁面取得你的 Key,貼到 .env 檔案裡的 WEATHER_API_KEY= 後面。新申請的 Key 約需等十分鐘才會生效。

推上 GitHub

# 確認 .env 有在 .gitignore 裡(非常重要)
cat .gitignore

# 查看目前狀態,確認 .env 不在追蹤清單裡
git status

# 加入所有變動並 commit
git add .
git commit -m "新增天氣查詢功能,使用 OpenWeatherMap API"

# 在 GitHub 建立新 repo 後,連接並推上去
git remote add origin https://github.com/你的帳號/weather-tool.git
git branch -M main
git push -u origin main
推上去前必查執行 git status,確認 .env 不在「Changes to be committed」裡。如果看到了,立刻停下來,把 .env 加進 .gitignore 再繼續。
推上去之後到 GitHub 網頁確認:weather.py、requirements.txt、.gitignore 都在,.env 和 .venv/ 不在。這樣就代表整個流程都做對了。

Stage 0 驗收清單

做完這個模組,用下面的清單確認 Stage 0 的所有能力都到位了,全部打勾才算完成。

  • 能在終端機用 pwd、ls、cd、mkdir 導航與建立資料夾
  • Cursor(或其他 IDE)安裝完成,全域 Rules 至少三條已設定
  • 能用四要素提示詞跟 AI 說清楚需求,並讓 AI 自我審查
  • 每次做完功能就 commit,知道如何用 git checkout 回到舊版本
  • .gitignore 設定完成,.env 和 .venv 不會被 commit
  • 能建立虛擬環境、安裝套件、產出 requirements.txt
  • 天氣小工具能正常執行,並已推上 GitHub Private repo
準備好進入 Stage 1 了上面的清單全部打勾,代表你的開發環境已經穩固,AI 有辦法認識你,出事了有安全網救你。Stage 1 開始,我們要讓你真正讀懂 AI 產出的程式碼,從看得懂到能判斷、能溝通問題。

延伸學習

把這篇文章分享給需要的人FacebookLINEThreadsX

常見問答

為什麼選天氣 API 做為第一個整合練習?
天氣 API 是最簡單的公開 API,不需要付費,回傳 JSON 格式,能在真實場景練習 API 串接、JSON 解析、錯誤處理三個核心技能,同時又夠小、夠簡單,一個下午就能完成。
每個新專案的第一步應該做什麼?
建資料夾、git init、建虛擬環境、建 .gitignore,這四步做完,後面所有操作都有安全網。
推上 GitHub 前一定要檢查什麼?
執行 git status,確認 .env 不在「Changes to be committed」裡。如果看到了,立刻停下來,把 .env 加進 .gitignore 再繼續,這是防止 API Key 外洩最後也是最重要的一關。
Stage 0 完成後接下來要做什麼?
進入 Stage 1,真正讀懂 AI 產出的程式碼,從看得懂到能判斷、能溝通問題。若想深入理解 Python,還有完整的十二模組課程可以延伸學習。