你可能从未听说过的 VS Code 扩展

2025-06-07

你可能从未听说过的 VS Code 扩展

VS Code 的一大亮点是其庞大的扩展市场。目前已有近 10,000 个扩展可供使用,您可以根据自己的需求进行调整和定制,从而提升您的工作流程。

我一直在关注新的和被低估的扩展。所以,如果你正在寻找一些可以添加到你的代码编辑器中的工具,我整理了一份 VS Code 扩展列表。

创建令人印象深刻的源代码图像

Carbon-Now-Sh使用carbon.now.sh网站来创建代码的精美截图。如果您想在博客文章或演示文稿中使用代码片段,Carbon 是一款非常棒的工具。

Carbon截图

要使用 Carbon-Now-Sh,请在 VS Code 中高亮显示要转换为图像的代码片段,然后按 Alt-Cmd-A 或打开命令面板来访问 Carbon 命令。该扩展程序会在 Carbon 网站上打开一个浏览器窗口,其中高亮显示的代码格式正确,可以导出为图像。

控制你的音乐

如果您喜欢在编码时听音乐,vscode-spotify可让您在 VS Code 中控制 Spotify。

状态栏会显示当前正在播放的歌曲,并允许您播放、暂停和切换歌曲。该扩展程序甚至还有一个按钮,可以查找您正在收听的歌曲的歌词,并将其显示在新标签页中。

vscode-spotify 截图

除了状态栏控件之外,各种命令还可以使您从编辑器控制 Spotify 成为一种无缝体验。

vscode-spotify 截图

发送消息

Slack(与 Slack 公司无直接关联)可帮助您通过 Slack 工作区快速向同事发送消息。通过使用命令面板输入消息并选择收件人,Slack 让您轻松发送快速消息。

Slack 截图

如果您需要更强大的消息传递功能,CodeStream允许您将消息和注释附加到特定的代码块。团队成员可以在源代码中讨论和注释他们的代码。

CodeStream 屏幕截图

CodeStream 可以免费使用,但最终也会推出付费版本。

为窗户涂上颜色

窗口颜色根据根目录名称的哈希值为每个新的 VS Code 窗口提供唯一的颜色。

窗口颜色截图

窗口颜色为您的工作区添加了一些颜色,并可以帮助您跟踪不同的窗口和项目。

为代码着色

颜色突出显示是一个小扩展,它用相应的颜色突出显示十六进制代码和 RGB 值。

颜色高亮截图

在做出设计决策时,查看代码中显示的颜色非常有帮助。

停止输入 console.log

Turbo Console Log可以快速将 console.log 代码片段插入到您的代码中。选择要调试的变量,按下 ctrl + alt + l 组合键,扩展程序就会自动插入一行代码来记录该变量。

Turbo 控制台日志截图

您还可以使用快捷键 alt + shift + c 注释掉扩展插入的所有日志消息。

休息一下

如果您需要快速分散注意力, Visual Snake Code可让您在 VS Code 中快速启动蛇游戏。

Visual Snake 代码截图

只需确保在空白选项卡中打开游戏,否则它可能会覆盖您现有的工作。

这就是我的清单!你还觉得有哪些扩展被低估了?

文章来源:https://dev.to/thegeoffstevens/vs-code-extensions-you-may-not-have-heard-of-before--5ed3
PREV
⚡️Blazing Python🐍 并发脚本⚡️️
NEXT
基本 Docker 命令