Polacode插件可在VSCode中快速导出美观代码图片:安装后配置主题与样式,支持截取当前编辑器代码、多文件拼贴图及透明背景PNG导出。

如果您希望在VSCode中快速将代码片段导出为美观、可分享的图片,Polacode插件提供了简洁直观的截图功能。以下是使用该插件生成高质量代码截图的具体操作流程:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装Polacode插件
Polacode是一个专为VSCode设计的轻量级代码截图工具,依赖VSCode原生API实现无外部依赖的渲染,确保截图风格统一且响应迅速。
1、打开VSCode,点击左侧活动栏的扩展图标(或按快捷键Ctrl+Shift+X)。
2、在扩展搜索框中输入Polacode,找到由pengx17发布的官方插件。
3、点击“安装”按钮,等待插件下载并自动启用。
二、配置主题与样式参数
Polacode默认采用深色背景与Monaco字体,但支持通过用户设置自定义配色、字体大小、边距及是否显示行号等视觉属性,以匹配个人审美或品牌规范。
1、按下Cmd+,(macOS)打开设置界面,切换至“JSON”编辑模式(点击右上角打开设置(JSON)图标)。
2、在settings.json中添加以下配置块:
3、修改"polacode.theme"值为"github-dark"或"atom-light"等内置主题名。
4、调整"polacode.fontSize"为14或更高数值以增强可读性。
三、截取当前编辑器代码区域
该方法适用于对已打开文件中可见代码段进行即时截图,保留当前光标位置、选中文本范围及语法高亮效果。
1、在编辑器中定位到需截图的代码位置,可全选或部分选中目标行。
漂亮的企业网站。NET2.0出来了, 本次升级修改如下: 1、优化了3层结构。 2、优化了后台管理代码,增强了安全性能。 3、增加了系统名称及关键字管理。 4、增加了系统错误日志记录,自动生成Systemlog.log日志文件。 备注:本系统采用ASP.NET 2.O+ACCESS开发,请调试的朋友安装.NET2.0运行环境! 网站内容 网站栏目包括 首页|企业简介|新闻中心|产品展示|公司展示|
2、按下快捷键Cmd+Shift+P调出命令面板。
3、输入并选择Polacode: Capture Current Editor命令。
4、截图将自动保存至系统默认下载目录,并弹出预览窗口。
四、截取多文件代码拼贴图
Polacode支持将多个文件中的代码片段按指定顺序组合成单张横向布局图像,适合制作教程封面或对比示意图。
1、确保所有待拼贴的文件均已在VSCode工作区中打开为独立标签页。
2、按下Cmd+Shift+P,执行Polacode: Capture Multiple Editors命令。
3、在弹出的文件选择面板中,用空格键勾选需要参与拼贴的标签页。
4、确认后,插件将按所选顺序生成一张带分隔线与文件名标识的合成图。
五、导出为透明背景PNG
为适配演示文稿或网页嵌入场景,Polacode允许禁用默认背景色,输出带Alpha通道的透明底图,便于叠加在任意背景上。
1、打开命令面板(Cmd+Shift+P),输入并运行Polacode: Configure Export Options。
2、将"polacode.backgroundColor"字段值设为空字符串:""。
3、再次执行任意Capture命令,输出图像即为透明背景PNG格式。









