CodeSnap 插件支持 VSCode 一键生成带语法高亮、主题适配与自定义边框的代码截图；可通过右键菜单快速复制、命令面板精细配置，或快捷键导出为本地 PNG 文件。
如果您在 vscode 中编写代码后希望快速生成美观、可分享的代码截图，但发现默认界面无法直接导出为图片，codesnap 插件提供了便捷的一键截图功能。以下是实现该效果的具体操作步骤：
本文运行环境：MacBook Air，macOS Sequoia。
一、安装 CodeSnap 插件
CodeSnap 是 VSCode 官方市场中专为代码截图设计的轻量级扩展，支持语法高亮、主题适配与自定义边框，安装后即可在编辑器右键菜单或命令面板中调用。
1、打开 VSCode，点击左侧活动栏中的扩展图标（四个方块组成的图标）。
2、在扩展搜索框中输入CodeSnap。
3、在搜索结果中找到作者为 adpyke 的插件，确认描述为“Capture beautiful screenshots of your code”。
4、点击“安装”按钮，等待安装完成并重启 VSCode（如提示需要）。
二、使用右键菜单快速截图
安装完成后，CodeSnap 会自动向编辑器右键上下文菜单注入“Copy CodeSnap”选项，适用于当前选中文本或整文件，无需额外配置即可输出带背景、阴影与语言标识的图片。
1、在 VSCode 中打开任意代码文件，并确保光标位于待截图区域。
2、若需截图部分代码，先用鼠标选中对应行；若需截图全文件，可跳过选择步骤。
3、鼠标右键点击编辑区域，在弹出菜单中选择Copy CodeSnap。
4、系统剪贴板将自动接收一张 PNG 格式图像，可直接粘贴至 微信、Notes 或图像编辑软件中。
三、通过命令面板触发高级截图
命令面板方式支持更多自定义参数，例如调整主题、边框圆角、是否显示行号、背景模糊强度等，适合对输出样式有明确要求的用户。
1、按下快捷键Cmd + Shift + P（macOS）或Ctrl + Shift + P（Windows/Linux）打开命令面板。
2、输入并选择 CodeSnap: Capture Code 命令。
3、在弹出的配置面板中，依次设置：Theme（当前 VSCode 主题）、Border Radius（0–20px）、Shadow（开启 / 关闭）、Line Numbers（显示 / 隐藏）。
4、确认配置后按回车，截图将生成并自动复制到剪贴板。
四、导出为本地 PNG 文件
CodeSnap 默认仅复制到剪贴板，若需保存为独立文件供长期存档或上传至图床，可通过其内置导出功能实现，不依赖第三方截图 工具。
1、完成一次 CodeSnap 截图后，按下快捷键Cmd + Shift + Alt + C（macOS）或Ctrl + Shift + Alt + C（Windows/Linux）。
2、VSCode 底部状态栏将提示“Saving CodeSnap……”，随后弹出文件保存对话框。
3、在对话框中指定目标文件夹，输入文件名，确保扩展名为.png，点击“保存”。
4、检查目标路径，确认生成的 PNG 图像包含完整代码结构、正确语法着色及所选 UI 元素。
