使用 💩👍🐛 对代码进行反应:我如何构建一个免费扩展来将表情符号添加到您的 VSCode 代码反应中 — 适用于任何 Git 仓库的表情符号反应

2025-06-04

使用💩👍🐛对代码做出反应:我如何构建一个免费扩展来为你的VSCode添加表情符号

代码反应 — 适用于任何 Git 仓库的表情符号反应

代码反应🚀💩

通过您的贡献或在GitHub上点赞 ⭐ 来帮助我们

安装扩展 →

通过贡献或点赞来帮助我们

TL;DR

我们创建了一个 vscode 扩展程序,用于在任何 Git 代码库的任意代码行中添加表情符号反应 🚀💩😍,甚至带有注释!直接在 IDE 中查看其他人对任意代码段的反应,并让他们跟踪代码的更改。

内容


一切从何开始🦕

我是一个开发分析工具的团队的成员。今年一月,我们决定进行所谓的“平台重构”,这几乎是对整个分析平台的架构进行了彻底的变革😱,以应对规模化。在修改数十个代码库中的数百个文件时,我们发现自己需要标记代码以便稍后删除、重构等。因此,我们积累了大量的 JIRA 工单,这些工单很快就过期了。这对我们来说根本行不通!😔

因此,我们快速拼凑了一个内部 IDE 扩展,它允许我们在代码上添加标记(或表情符号😉)并在以后找到它们!


我们的发现🤯

在内部使用了一段时间后,我们发现它确实能帮我们实现这个功能keep some things alongside our code, that never could be up to now😮。因此,我们最终选择了它,原因如下:

  1. 为你的代码提供和接收反馈。作为开发人员,我们向他人学习,他们对我们代码的反应,无论是👍、👎,有时甚至是💩或🚀,对我们的进步都是无价的。

  2. 在代码中添加标记或注释。你正在执行任务,突然注意到一段代码包含smell,或者只是doesn't look right,或者是super cool!。给它加一个💩、👀 或 🚀,如果需要的话,写下注释!

  3. 代码质量指标这个概念很酷!然而,一旦用起来,我们都知道它有点不着边际。比如,一段代码复杂度高就一定不好吗?可能,也可能不是!我想知道我的同事们对这段代码的看法,哪些部分适合😍,哪些部分适合🤔,哪些代码库和文件可能需要仔细研究,因为💩问题已经开始堆积如山了。


建立和传播💚!

我们认为其他开发人员可能也想要类似的东西,所以我们决定重写它(使代码稍微更体面一些)并向社区提供一些东西:

  • 开源💚(传播爱!)
  • 它在IDE中运行(我们不需要另一个!工具)
  • 您可以添加表情符号评论🚀
  • 你可以看到其他人的表情符号评论👀
  • 跟随(或保留)代码的变化。这意味着只要相关行没有发生变化,它就会一直保留在那里——空格不算作变化——而当代码发生变化时,它们就会从行中删除🔥

所以我们继续构建它!(目前仅限 vscode,Intellij 正在开发中)
获取扩展 →


特色🔥

这是第一个版本,因此目前支持的表情符号数量有限,功能也有限。我们非常高兴社区能够通过在 GitHub 上做出贡献来完善该工具并决定新功能!


特征

  • 查看反应并添加您的反应的不同方式(状态栏、内联装饰、注释、反应提要面板)
  • 关于新反应的通知(在 repo 上或具体到您的线路上)

  • 我们不想让 IDE 变得臃肿,所以我们为所有我们认为不属于 IDE 的视图(即跨仓库数据)创建了一个轻量级网站,以便您能够获取所有项目的信息。

前端


未来🚀

我们非常高兴在 GitHub 上收到您的意见,以帮助我们根据社区对该工具的需求和需要来塑造此扩展的未来!

GitHub 徽标 AdadotTeam / vscode-reactions

添加并查看其他人对您的代码的反应!

代码反应 — 适用于任何 Git 仓库的表情符号反应

向任何 Git 代码库添加表情符号反应,甚至带有注释!直接在 IDE 中对任何代码片段做出反应并查看其他人的反应。

Code Reactions 是 Visual Studio Code 的开源扩展,由Adadot团队制作,旨在回馈社区。

You saw some nice piece of code? Now you can add a 👍, or maybe even a 😍 and spread the love.

It seems like there might be a bug there? Give it a 🐛 with a comment on your finding 
and come back to fix it when you get the chance.

This code feels like it has quite a smell... You think it might justify a 💩? Leave it there 
and bring the team around to help you scoop all of these.

我们赋予您应对任何情况的能力……

文章来源:https://dev.to/adadot/reacting-with-to-code-how-i-built-a-free-extension-to-add-emojis-to-your-vscode-1mlh
PREV
如何在 Vue3 应用程序中构建身份验证 如何在 Vue3 应用程序中构建身份验证
NEXT
Web Sockets 和 Socket.IO 的 Kawaii 简介✨什么是 Web Socket 参考