当前位置：首页 > news >正文

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

news 2026/6/4 15:25:01

作者：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

查看全文

http://www.jsqmd.com/news/949406/