HTML5 開發手機 App 技術棧全景：框架、工具與打包方案一覽

核心技術棧

主流開發流程

1. 用 HBuilderX 或 Vite + Vue 建立專案。
2. 開發階段：瀏覽器 chrome://inspect 或 HBuilderX 真機運行調試。
3. 打包：HBuilderX「發行 → 原生 App-雲端打包」生成 .apk/.ipa；或本地 capacitor build android。
4. 上架：Google Play / App Store 審核。

HBuilderX 快速上手

# 1. 下載安裝 HBuilderX (Windows/macOS/Linux)
# 2. 新建專案 → 5+ App → 選擇 Vue/uni-app 模板
# 3. 編寫 pages/index/index.vue
# 4. 工具欄「運行」→ 選擇手機或模擬器
# 5. 發行 → 原生 App → 雲端打包 → 取得 apk/ipa

關鍵決策點

• uni-app：一套代碼編譯到 H5、小程序、App，生態最豐富，適合國內團隊。
• Capacitor + Vue/React：國際標準，Web 開發者遷移成本低。
• Flutter / React Native：非 HTML5 但效能更強，若團隊有原生經驗可考慮。