🚀

Advanced Deployment

自動開發 + 部署 + 推送 GitHub

讓 Claude Code 幫你自動完成開發、版本控制與部署

Git GitHub CLI Plan Mode GitHub Actions

🎯 本單元學習地圖

這是一個進階的部署方式，讓你的開發流程更自動化、更專業！

🤖 自動開發

使用 Claude Code 的 Plan 模式，讓 AI 幫你規劃並執行開發任務

📦 版本控制

使用 Git 追蹤程式碼變更，/commit 快速提交

🚀 推送 GitHub

使用 GitHub CLI 建立儲存庫、推送代碼、建立 PR

⚙️ 自動部署

設定 GitHub Actions，每次推送自動執行測試與部署

📝 事前準備

在開始之前，請確認你有以下項目：

項目	說明	狀態
GitHub 帳號	用來存放程式碼的雲端平台	☐ 待確認
Git 已安裝	版本控制工具	☐ 待安裝
Claude Code 已安裝	就是你剛裝好的龍蝦！	☑ 已完成

💡 小提示：如果你還沒有 GitHub 帳號，請先到 github.com 免費註冊一個！

💻 安裝 Git

Git 是程式設計師必備的版本控制工具。

1開啟 PowerShell，輸入安裝指令

winget install Git.Git

2安裝完成後，關掉 PowerShell 再重新開一個

這是為了讓系統載入新的環境變數。

3確認安裝成功

git --version

看到類似 git version 2.47.1.windows.1 就代表成功了！

👤 設定 Git 基本資訊

讓 Git 知道你是誰，這些資訊會出現在你的提交記錄中。

設定你的名字

git config --global user.name "你的名字"

設定你的 Email

git config --global user.email "你的email@example.com"

⚠️ 注意：請把「你的名字」和「你的email@example.com」換成你自己的資訊！

確認設定

git config --list

📡 安裝 GitHub CLI

GitHub CLI 讓你可以用指令操作 GitHub，不用開瀏覽器！

1安裝 GitHub CLI

winget install GitHub.cli

2關掉 PowerShell 再重新開一個

3確認安裝成功

gh --version

看到類似 gh version 2.65.0 就代表成功了！

🔒 登入 GitHub

讓 GitHub CLI 連結到你的 GitHub 帳號。

執行登入指令

gh auth login

依序回答問題：

問題	選擇
What account do you want to log into?	`GitHub.com`
What is your preferred protocol?	`HTTPS`
Authenticate Git with your GitHub credentials?	`Yes`
How would you like to authenticate?	`Login with a web browser`

瀏覽器會自動打開，登入你的 GitHub 帳號，輸入畫面上的驗證碼即可！

🤖 使用 Claude Code 自動開發

現在可以讓 Claude Code 幫你自動開發並推送到 GitHub！

方法一：從頭建立新項目

進入 Claude Code 互動模式，然後說：

幫我建立一個 Node.js 的 Hello World 專案，
初始化 Git，
建立 GitHub 儲存庫，
然後推送上去

方法二：推送現有項目

把 D:\MyProject 這個專案推送到 GitHub，
幫我建立儲存庫，名稱叫 my-awesome-project

Claude 會自動完成：建立檔案 → git init → gh repo create → git push

📋 使用 Plan 模式（推薦）

Plan 模式讓你先看 Claude 的計畫，確認後再執行，更安全！

進入 Plan 模式的方法

方法一：快捷鍵

在 Claude Code 中連按兩次
Shift + Tab

方法二：直接說

「進入 plan 模式，幫我規劃...」

Plan 模式的優點

✔ 先看計畫，確認沒問題再執行
✔ 避免 Claude 做錯事情
✔ 適合比較複雜的任務

⚡ 快速提交與建立 PR

Claude Code 有內建的快速指令，讓版本控制超簡單！

你想做的事	Claude Code 指令	說明
提交代碼	`/commit`	自動產生提交訊息並 commit
提交並推送	`/commit` 然後說「push」	commit + push 到 GitHub
建立 Pull Request	`/pr`	自動建立 PR

💡 小技巧：你也可以說「幫我建立一個 PR，標題是『新增登入功能』」

⚙️ 安裝 GitHub Actions（自動部署）

讓每次推送代碼時自動執行測試和部署！

方法一：使用內建指令

/install-github-action

方法二：直接跟 Claude 說

幫我設定 GitHub Actions，
每次 push 時自動執行測試

Claude 會幫你建立 .github/workflows/ 資料夾和設定檔！

GitHub Actions 可以做什麼？

🔍 自動執行測試
📦 自動建置專案
🚀 自動部署到伺服器
💬 自動發送通知

🎯 完整流程範例

以下是一個完整的自動開發 + 部署流程：

1啟動 Claude Code

openclaw

2進入 Plan 模式

連按兩次 Shift + Tab

3描述你要做的事

幫我建立一個簡單的網站專案：
1. 使用 HTML + CSS + JavaScript
2. 有一個首頁顯示「Hello World」
3. 初始化 Git
4. 建立 GitHub 儲存庫（公開）
5. 設定 GitHub Pages 自動部署
6. 推送代碼

4確認計畫後輸入「執行」

5完成！

Claude 會給你 GitHub 儲存庫網址和網站網址！

📚 常用 Git 指令對照表

你想做的事	跟 Claude 說	或直接輸入指令
初始化 Git	「初始化 Git」	`git init`
查看狀態	「Git 狀態」	`git status`
加入所有檔案	「加入所有修改」	`git add .`
提交	`/commit`	`git commit -m "訊息"`
推送	「推送到 GitHub」	`git push`
建立 PR	`/pr`	`gh pr create`

🔧 常見問題與解決方法

問題 1：Permission denied

錯誤訊息：Permission denied (publickey)

解決方法：重新執行 GitHub 登入

gh auth login

問題 2：Repository not found

解決方法：確認儲存庫名稱正確，或重新建立

gh repo create 儲存庫名稱 --public

問題 3：Push 被拒絕

解決方法：先拉取再推送

git pull --rebase
git push

💡 進階小技巧

🛠 同時開多個視窗

讓不同的 Claude 做不同的事
例如：一個寫代碼，一個跑測試

🔔 開啟系統通知

Claude 完成工作時會通知你
不用一直盯著螢幕

🚀 使用 teleport

在終端和網頁端之間傳送進度
openclaw --teleport

⚡ Auto-accept 模式

讓 Claude 自動執行，不用一直按確認
適合你已經很信任 Claude 的情況

🎉

Part 12 完成！

你已經學會了如何使用 Claude Code 進行自動開發、版本控制和部署！

📦 Git

版本控制，追蹤每次修改

📡 GitHub CLI

用指令操作 GitHub

📋 Plan 模式

先規劃再執行，更安全

⚙️ GitHub Actions

自動化測試與部署

現在你可以像專業開發者一樣，
讓 AI 幫你完成整個開發流程！