使用💩👍🐛对代码做出反应:我如何构建一个免费扩展来为你的VSCode添加表情符号
代码反应 — 适用于任何 Git 仓库的表情符号反应
代码反应🚀💩
通过您的贡献或在GitHub上点赞 ⭐ 来帮助我们!
安装扩展 →

TL;DR
我们创建了一个 vscode 扩展程序,用于在任何 Git 代码库的任意代码行中添加表情符号反应 🚀💩😍,甚至带有注释!直接在 IDE 中查看其他人对任意代码段的反应,并让他们跟踪代码的更改。
内容
一切从何开始🦕
我是一个开发分析工具的团队的成员。今年一月,我们决定进行所谓的“平台重构”,这几乎是对整个分析平台的架构进行了彻底的变革😱,以应对规模化。在修改数十个代码库中的数百个文件时,我们发现自己需要标记代码以便稍后删除、重构等。因此,我们积累了大量的 JIRA 工单,这些工单很快就过期了。这对我们来说根本行不通!😔
因此,我们快速拼凑了一个内部 IDE 扩展,它允许我们在代码上添加标记(或表情符号😉)并在以后找到它们!
我们的发现🤯
在内部使用了一段时间后,我们发现它确实能帮我们实现这个功能keep some things alongside our code, that never could be up to now😮。因此,我们最终选择了它,原因如下:
-
为你的代码提供和接收反馈。作为开发人员,我们向他人学习,他们对我们代码的反应,无论是👍、👎,有时甚至是💩或🚀,对我们的进步都是无价的。
-
在代码中添加标记或注释。你正在执行任务,突然注意到一段代码包含smell,或者只是doesn't look right,或者是super cool!。给它加一个💩、👀 或 🚀,如果需要的话,写下注释!
-
代码质量指标这个概念很酷!然而,一旦用起来,我们都知道它有点不着边际。比如,一段代码复杂度高就一定不好吗?可能,也可能不是!我想知道我的同事们对这段代码的看法,哪些部分适合😍,哪些部分适合🤔,哪些代码库和文件可能需要仔细研究,因为💩问题已经开始堆积如山了。
建立和传播💚!
我们认为其他开发人员可能也想要类似的东西,所以我们决定重写它(使代码稍微更体面一些)并向社区提供一些东西:
- 开源💚(传播爱!)
- 它在IDE中运行(我们不需要另一个!工具)
- 您可以添加表情符号和评论🚀
- 你可以看到其他人的表情符号和评论👀
- 跟随(或保留)代码的变化。这意味着只要相关行没有发生变化,它就会一直保留在那里——空格不算作变化——而当代码发生变化时,它们就会从行中删除🔥
所以我们继续构建它!(目前仅限 vscode,Intellij 正在开发中)
获取扩展 →
特色🔥
这是第一个版本,因此目前支持的表情符号数量有限,功能也有限。我们非常高兴社区能够通过在 GitHub 上做出贡献来完善该工具并决定新功能!

- 查看反应并添加您的反应的不同方式(状态栏、内联装饰、注释、反应提要面板)
- 关于新反应的通知(在 repo 上或具体到您的线路上)
- 我们不想让 IDE 变得臃肿,所以我们为所有我们认为不属于 IDE 的视图(即跨仓库数据)创建了一个轻量级网站,以便您能够获取所有项目的信息。

未来🚀
我们非常高兴在 GitHub 上收到您的意见,以帮助我们根据社区对该工具的需求和需要来塑造此扩展的未来!
代码反应 — 适用于任何 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