Download as PDF, PPTX
Uploaded by佳新 陳
初探GitHub Copilot - 2025 Global AI Bootcamp
主題：初探GitHub Copilot 活動：2025 Global AI Bootcamp 時間：2025/03/01 13:30～17:00 地點：桃園機場第二航廈一樓會議室
![[COSCUP 2022]看圖說故事AI機器人](https://cdn.slidesharecdn.com/ss_thumbnails/storytellingwithpicturesbot20220730-220801052959-571937bb-thumbnail.jpg?width=640&height=640&fit=bounds)
![[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎？](https://cdn.slidesharecdn.com/ss_thumbnails/linebotinthegroup20210801-210801074608-thumbnail.jpg?width=640&height=640&fit=bounds)
初探GitHub Copilot - 2025 Global AI Bootcamp
- 1.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. 什麼是GitHub Copilot？ 1. GitHub與OpenAI合作開發的AI寫程式協作 工 具 •GitHub提供5400萬個公開Repo裡的Python程式碼 • OpenAI基於GPT-3開發了Codex語 言 模型 • 2021/6/29在Visual Studio Code裡技術預覽 2. 簡單來說，就是可以跟AI 一 起XP結對寫程式 3. 今天講Copilot Free（原本低消是Pro每 月 $10） Pair Programming Code Review 建議 除錯
- 14.
- 15. 如何使 用 GitHub Copilot？ 1. 搜尋「GitHubCopilot」 2. 或打開瀏覽器輸入「gh.io/copilot」 3. 或使 用 GitHub App 4. 或打開Visual Studio Code（今天講這個）
- 16.
- 17.
- 18.
- 19. 💡 複習 一 下有哪些步驟 1. 點擊標題列的Coplit圖 示 ，開啟Copilot 面 板 2.點擊「登入以使 用 Copilot免費版」（如果沒有 登入過的話），使 用 GitHub帳號登入 3. 在Ask Copilot 面 板中輸入，跟Copilot聊天
- 20.
- 21. 把Select an option的欄位都設定完 1.Suggestions matching public code (duplication detection fi lter) ➡ Allowed / Blocked 2. Anthropic Claude 3.5 Sonnet in Copilot ➡ Enabled / Disabled 3. Google Gemini 2.0 Flash in Copilot ➡ Enabled / Disabled
- 22. 在VS Code中使 用 GitHub Copilot的兩種 方 式 ChatCopilot Edits
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. 在VS Code中啟 用 Copilot Agent模式 1.技術預覽故必須額外安裝VS Code Insiders IDE 2. 開啟Settings設定，搜尋「copilot agent」 3. 找到「Chat > Agent: Enabled」打勾起來
- 29.
- 30. 💡 複習 一 下有哪些步驟 1. 開啟空 白 的 文 字檔（File > NewText File ） 2. 整理素材檔案，直接拖曳到Copilot 面 板中 3. 跟Copilot聊天（ 目 前僅限英 文 ）：「Please use these fi les to produce a landing page index.html」
- 31.
- 32.
- 33. 💡 複習 一 下有哪些步驟 4. 來到程式碼段落，點選Applyin Editor或Insert At Cursor 5. Copilot最後總結提醒圖檔命名規則是image1.png、 image2.png，以此類推 6. 參考的Repo是哪些，以及使 用 什麼授權
- 34.
- 35.
- 36. 參考資料＆推薦資源 1. How towrite better prompts for GitHub Copilot https://gh.io/copilot/prompt-tips 2. GitHub Blog的AI&ML分類 文 章 https://github.blog/ai-and-ml/ 3. The latest GitHub previews（例如Copilot Worksapce） https://github.com/features/preview 4. Copilot Chat Cookbook https://docs.github.com/en/copilot/copilot-chat-cookbook 5. Try agent mode today https://aka.ms/vscode-copilot-agent
- 37. How to writebetter prompts for GitHub Copilot • 3個最佳實務 1. Set the stage with a high-level goal. 🖼 2. Make your ask simple and speci fi c.Aim to receive a short output from GitHub Copilot. 🗨 3. Give GitHub Copilot an example or two. ✍
- 38. How to writebetter prompts for GitHub Copilot • 外加3個 小 技巧 1. Experiment with your prompts. ➡ 多嘗試、多測試，調 整你的最佳prompt提 示 詞 2. Keep a couple of relevant tabs open. ➡ 多開幾 頁 程式 碼，讓Copilot可以找到更多它能夠參考的資料 3. Use good coding practices. ➡ Copilot會學你的寫程式 慣例，所以盡量使 用 名稱有意義的函式和變數
- 39.
- 40. The latest GitHubpreviews 有興趣就申請加入等待名單
- 41.
- 42. Try agent modetoday 今天就開始加入使 用 Agent mode的 行 列吧！
- 43.
- 44. 😁 自 備4題，避免尬聊 😁 1. 【問】產出的code能 用 嗎？ 2.【問】價格怎麼計算？ 3. 【問】有哪些模型可以選 用 ？ 4. 【問】Agent mode厲害嗎？
- 45. 【問題①】產出的code能 用 嗎？ • 見 仁 見 智，但是 至 少節省時間 • 麥肯錫：「完成任務的速度快了56%！」 • 因為在VSCode IDE開通GitHub Copilot = Google + ChatGPT + Stack Over fl ow + GitHub
- 46.
- 47.
- 48. 【問題④】Agent mode厲害嗎？ • 目 前中 文 支 援度不佳！ • Prompt看不懂、檔名也看不懂 •會去參考GitHub公開Repo來 生 成，但不 一 定找得到！ • 成果有進步空間！（ 工 程師們暫時保住飯碗 🎉 ）
- 49. 素材改 用 有意義的英 文 檔名＋公司介紹 (1/3) ② 重新下prompt ①匯入素材及 index.html ③ 接受 生 成的 程式碼 🤖 Agent mode 第 二 回合
- 50.
- 51.
- 52.