CodeSnap:在 VS Code 中截取代码截图

2025-05-25

CodeSnap:在 VS Code 中截取代码截图

您可能出于多种原因想要截取代码截图:可能是为了学习、查看代码、分享知识或文档。无论您的具体用途是什么,这款 VS Code 扩展都允许您在 IDE 中创建代码截图。

VS Code 中的 CodeSnap

CodeSnap是一款扩展程序,允许你在 VS Code 中截取屏幕截图。你可以从应用市场安装它。

特征

  • 保存代码的屏幕截图
  • 将屏幕截图复制到剪贴板
  • 显示行号
  • 带或不带容器的镜头
  • 快门动作保存或复制到剪贴板
  • 更改背景颜色等等

3步拍摄

  1. 打开命令面板(Windows 和 Linux 上为 Ctrl+Shift+P,Mac 上为 Cmd+Shift+P)并搜索 CodeSnap
  2. 选择您想要截取的代码。
  3. 单击快门按钮将屏幕截图保存到磁盘。

拍摄

样品拍摄

样品拍摄

最后的想法

我通常从 Web 应用程序生成代码截图,但能够直接在 VS Code 中执行此操作提高了我的工作效率:我不必复制和粘贴代码,也不必切换窗口。

希望本文对您有所帮助,并能让您有所收获。作为一名技术作家和内容创作者,我热衷于分享我的知识(包括技巧和建议),并帮助他人实现目标,尤其是那些刚入行的技术人士。您可以通过我的社交媒体账号和博客与我联系

文章来源:https://dev.to/ademoyejohn/codesnap-take-code-screenshots-in-vs-code-ll3
PREV
10+ 个免费且实惠的前端 Web 开发学习资源
NEXT
我是 Addy Osmani,问我任何事情!