使用CodeSnap插件可一键生成美观代码截图：安装插件后，配置边框、阴影与背景模糊参数，支持选中片段复制、整文件捕获及添加水印导出。
如果您在VSCode中编写代码时希望快速生成美观、可分享的代码截图，但发现手动截取并美化效果不佳，则可能是由于缺乏专门的截图工具或样式配置不当。以下是使用CodeSnap插件实现一键生成漂亮代码截图的具体操作步骤：
本文运行环境：MacBook Air，macOS Sequoia。
一、安装CodeSnap插件
CodeSnap是VSCode官方市场中专为代码截图设计的轻量级插件，支持语法高亮保留、主题适配及背景虚化等视觉增强功能，安装后即可在编辑器右键菜单中调用。
1、打开VSCode，点击左侧活动栏中的扩展图标（四个方块组成的图标）。
2、在扩展搜索框中输入CodeSnap，找到作者为“adpyke”的插件。
3、点击“安装”按钮，等待插件下载并自动启用。
二、配置截图样式参数
CodeSnap默认使用当前VSCode主题配色，但可通过用户设置自定义边框、阴影、字体大小与背景模糊度，确保输出图像符合个人审美或团队规范。
1、按下Cmd + ,（macOS）打开设置界面。
2、在搜索栏输入codesnap，定位到CodeSnap相关配置项。
3、修改CodeSnap: Border Radius为12，CodeSnap: Shadow Blur设为24，CodeSnap: Background Blur设为8。
三、截取选中代码片段
该方法适用于仅需分享部分关键逻辑的场景，CodeSnap会自动裁剪选区、保留行号与高亮，并添加圆角边框与柔和阴影。
1、在VSCode编辑器中用鼠标拖选目标代码行。
一款很稀有的jQuery+echarts上传图片生成文字标签云代码，基于echarts图表插件和jQuery实现根据图片样式生成彩色文字标签云特效，点击标签关键词还可以放大。
2、右键弹出菜单，选择Copy CodeSnap选项。
3、系统剪贴板将获得一张PNG格式截图，可直接粘贴至Slack、Notion或微信等支持图片粘贴的应用中。
四、截取整文件代码视图
当需要展示完整文件结构与上下文时，此模式会渲染整个编辑器可见区域，包括文件名标签页、行号列与滚动条位置，适配技术文档或PR描述。
1、确保目标文件处于活动编辑器标签页。
2、按下快捷键Shift + Cmd + P打开命令面板。
3、输入并选择CodeSnap: Capture Full Editor命令。
4、截图将自动保存至系统默认下载目录，文件名含时间戳与文件名前缀。
五、导出带水印的协作版本
为防止代码截图被误用或脱离原始上下文，CodeSnap支持在图像右下角嵌入可配置文本水印，例如作者名、仓库路径或日期。
1、进入VSCode设置，搜索CodeSnap: Watermark Text。
2、将其值设为@myteam，同时开启CodeSnap: Show Watermark开关。
3、执行任意截图操作后，生成图像右下角将固定显示半透明灰色水印文字。
