如何用VS Code图片预览功能查看非常规扩展名的图片？

你之前用files.associations的方法没用，是因为这个设置是用来关联代码语言模式的（比如把.conf文件识别成JSON语法），和图片预览的编辑器关联不是一回事。要让VS Code把特定扩展名的文件当成图片渲染，得用workbench.editorAssociations配置，步骤如下：

• 打开VS Code设置（快捷键Ctrl+/Cmd+,），搜索workbench.editorAssociations，点击「编辑 in settings.json」
• 在settings.json中添加以下配置（把.otherfiletype换成你需要的扩展名）：

  "workbench.editorAssociations": {
      "*.otherfiletype": "imagePreview.editor"
  }
  

• 保存设置后，重新打开目标文件，就能看到图片预览了

补充说明 #

• imagePreview.editor是VS Code内置的通用图片预览编辑器，支持PNG、JPG、WebP等常见图片格式，不需要额外安装插件
• 如果还是无法预览，先确认文件确实是标准PNG编码（可以用十六进制编辑器看文件头是否为89 50 4E 47 0D 0A 1A 0A），文件损坏也会导致预览失败

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