三亩地 三亩地SAN MU DI · CODE DIARY
交流投稿
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天，欢迎挑你感兴趣的翻一翻。

首页/学习日记/日记详情

技术速递｜使用 GitHub Copilot CLI 构建 Emoji 列表生成器

发布时间：2026/8/8 11:44:50 三亩地 编程学习日记
技术速递｜使用 GitHub Copilot CLI 构建 Emoji 列表生成器

作者：Cassidy Williams

排版：Alan Wang

看看我们如何在 Rubber Duck Thursday 直播活动中，利用 GitHub Copilot CLI 从零开始打造一个 Emoji 列表生成器。

每周，GitHub 团队都会举办一场名为 Rubber Duck Thursdays 的直播活动。在直播中，我们会现场构建项目、与社区开发者共同协作，并解答大家提出的各种问题。

本周，我们使用 GitHub Copilot CLI 一起完成了一个非常有趣的小项目！接下来，就让我带大家了解一下它。

💡 刚接触GitHub Copilot CLI？ 不妨先从这里开始了解如何快速上手。

Rubber Duck Thursdays

https://www.youtube.com/@GitHub/streams/?wt.mc_id=3reg_webpage_reactor

GitHub Copilot CLI

https://github.com/features/copilot/cli?utm_source=blog-rdt-emoji-list-cta&utm_medium=blog&utm_campaign=dev-pod-copilot-cli-2026/?wt.mc_id=3reg_webpage_reactor

如何快速上手

https://github.blog/ai-and-ml/github-copilot/github-copilot-cli-for-beginners-getting-started-with-github-copilot-cli/?wt.mc_id=3reg_webpage_reactor

如何快速上手

在很多社交媒体动态和产品发布中，你经常会看到类似这样的内容：

我们发布了史上最强的 Emoji 列表生成器，它能够：

💻 在 CLI 中运行

🤖 使用 Copilot SDK 智能地将你的项目符号转换为相关 Emoji

📋 自动将结果复制到剪贴板

看起来很棒。但在这个“快速行动、快速迭代”的时代，为每一条内容琢磨最合适的 Emoji 对我来说实在太浪费时间了。我还有项目要开发！还有仓库要折腾！还有 Pull Request 要合并！我可没空一直想着该用什么 Emoji！

于是，在直播过程中，我们现场构建了一个 Emoji 列表生成器（名字也非常直白，就叫Emoji List Generator），它能够：

  • 🖥️ 在终端中运行

  • 📋 粘贴或输入一组列表内容

  • ⌨️ 按下Ctrl + S

  • 📎 自动将带有 Emoji 的结果复制到剪贴板

（看得出来我正在亲自使用自己的产品吧？

我们是如何构建它的

这个项目使用了几项很酷的技术：

  • 🖥️@opentui/core—— 构建终端 UI

  • 🤖@github/copilot-sdk—— AI 核心能力

  • 📋clipboardy—— 访问系统剪贴板

项目开始时，我们打开了 GitHub Copilot CLI。

在Plan Mode中使用Claude Sonnet 4.6，我输入了下面的需求：

我想创建一个由 AI 驱动的 Markdown Emoji 列表生成器。在这个 CLI 应用中，当我粘贴或输入一组项目符号列表时，它能够为列表中的每一项自动匹配相关 Emoji，并将结果复制到剪贴板。我希望使用 GitHub Copilot SDK 来提供 AI 能力。

Copilot 随后向我提出了一系列澄清问题，例如应该采用什么技术栈、选择哪些第三方库（特别感谢直播聊天室中的 Gabor 推荐了 OpenTUI）。在此基础上，它为我生成了一份经过充分思考和规划的plan.md文件，供我审阅和后续实施。

经过这一轮讨论后，我们得到了一个完整且经过充分思考的plan.md文件，供我审阅和使用。

随后，我们使用刚刚发布不久的Claude Opus 4.7来执行这份计划。仅仅几分钟后，大功告成——一个有趣的终端 UI 就这样诞生了！

Gabor

https://javorszky.co.uk/?wt.mc_id=3reg_webpage_reactor

OpenTUI

https://opentui.com/?wt.mc_id=3reg_webpage_reactor

刚刚发布不久

https://github.blog/changelog/2026-04-16-claude-opus-4-7-is-generally-available/?wt.mc_id=3reg_webpage_reactor

这个项目虽然规模不大，但功能却相当强大。在开发过程中，我们在 CLI 中组合使用了许多非常酷的能力：

  • 📋 Plan Mode

    https://docs.github.com/copilot/how-tos/copilot-cli/cli-best-practices?utm_source=blog-rdt-emoji-list-cta&utm_medium=blog&utm_campaign=dev-pod-copilot-cli-2026#plan-mode/?wt.mc_id=3reg_webpage_reactor

  • 🤖 Autopilot Mode

    https://docs.github.com/copilot/concepts/agents/copilot-cli/autopilot?utm_source=blog-rdt-emoji-list-cta&utm_medium=blog&utm_campaign=dev-pod-copilot-cli-2026/?wt.mc_id=3reg_webpage_reactor

  • 🔀 多模型工作流

    https://docs.github.com/copilot/reference/ai-models/supported-models?utm_source=blog-rdt-emoji-list-cta&utm_medium=blog&utm_campaign=dev-pod-copilot-cli-2026/?wt.mc_id=3reg_webpage_reactor

  • 🚩 allow-all-tools 参数

    https://docs.github.com/copilot/how-tos/copilot-cli/allowing-tools#permissive-options?utm_source=blog-rdt-emoji-list-cta&utm_medium=blog&utm_campaign=dev-pod-copilot-cli-2026/?wt.mc_id=3reg_webpage_reactor

  • 🐙 GitHub MCP Server

    https://github.com/github/github-mcp-server?utm_source=blog-rdt-emoji-list-cta&utm_medium=blog&utm_campaign=dev-pod-copilot-cli-2026/?wt.mc_id=3reg_webpage_reactor

如果你也想亲手构建类似的项目，不妨了解一下 GitHub Copilot CLI 和 GitHub Copilot SDK，立即开始你的实践之旅！

这个 Emoji List Generator 项目已经完全开源，并免费向所有开发者开放。

祝大家构建愉快！🚀

GitHub Copilot CLI

https://docs.github.com/copilot/how-tos/copilot-cli/cli-getting-started?utm_source=blog-rdt-emoji-list-cta&utm_medium=blog&utm_campaign=dev-pod-copilot-cli-2026/?wt.mc_id=3reg_webpage_reactor

GitHub Copilot SDK

https://docs.github.com/copilot/how-tos/copilot-sdk/sdk-getting-started?utm_source=blog-rdt-emoji-list-cta&utm_medium=blog&utm_campaign=dev-pod-copilot-cli-2026/?wt.mc_id=3reg_webpage_reactor

Emoji List Generator

https://github.com/cassidoo/emoji-list-generator/?wt.mc_id=3reg_webpage_reactor

编程学习 学习日记 实战经验
← 返回列表