如何提取VSCode调试功能图标并导出为PNG格式文件

你用开发者工具找不到对应图标资源，是因为VSCode的内置功能图标大多是预先打包在本地安装目录的资源文件夹里，没有以单独静态资源的形式加载在前端渲染层，你可以用以下两种方法获取官方原始图标：

方法1：直接提取VSCode内置的原始图标（最推荐，全是官方高清无背景版本） #

• 打开你的VSCode安装目录对应路径：
  • Windows系统默认路径：C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\contrib\debugIcons\browser\media
  • Mac系统：右键应用程序里的Visual Studio Code，选择「显示包内容」，依次进入Contents/Resources/app/out/vs/workbench/contrib/debugIcons/browser/media
  • Linux系统默认路径：/usr/share/code/resources/app/out/vs/workbench/contrib/debugIcons/browser/media
• 该文件夹内包含所有调试相关的原始图标文件，6个操作图标分别对应带start、pause、stepOver、stepInto、stepOut、stop关键词的文件，有PNG和SVG两种格式，清晰度完全满足打印后贴键盘的需求。

方法2：手动截取无损图标（适合不想找安装目录的情况） #

• 打开VSCode设置，搜索窗口缩放级别，把缩放调整到200%，此时调试栏的图标会放大到足够大的尺寸
• 调用系统自带的截图工具框选对应图标保存，裁剪掉多余边距即可使用。

内容的提问来源于stack exchange，提问作者user956609