專案初始化(1)

專案初始化就像蓋房子打地基，看似簡單，但每個步驟都會影響後續開發的順暢度。

本篇從零開始，建立一個適合AI圖像生成應用，包括基礎檔案配置、開啟環境設定，以及第一個頁面的搭建。

一、建立檔案結構

\IT
├─ env/
├─ static/
│  ├─ index.css
│  ├─ index.html
│  ├─ index.js
│  ├─ css/
│  │  └─ home.css
│  ├─ js/
│  │  └─ home.js
│  └─ pages/
│     └─ home.html
├─ .env
├─ main.py
└─ requirements.txt

為什麼要這樣分層

• static/：存放靜態資源，包括CSS、JavaScript
• pages/：放置HTML功能頁面
• env/：python虛擬環境目錄
• main.py：Flask應用程式主檔案
• .env：環境變數設定檔
• requirements.txt：套件依賴清單

二、建立虛擬環境流程

# 建立虛擬環境
python -m venv env

# Windows 啟動方式
.\env\Scripts\activate

三、套件規劃

requirements.txt

google-genai>=0.5.0
python-dotenv>=1.0.0
flask>=2.3.0
flask-cors>=4.0.0
pillow>=10.0.0

# 安裝 `requirements.txt`
pip install -r requirements.txt

到這裡，我們已經完成基礎的搭建：清晰的檔案結構、虛擬環境設定、以及必要條件的準備。這些看似基礎的步驟，就像打地基一樣，能讓後續的功能開發更順利。