如何在VS Code中查看HEIC文件？已装HEVC扩展仍遇问题

一、配置VS Code调用Windows Photos打开HEIC文件 #

有两种设置方式：

• 方式一：利用弹窗快速配置
  当VS Code弹出“Configure default editor for '*.heic'...”提示时，选择Use external editor，在系统弹出的应用选择窗口中选中Windows Photos，若需要默认用它打开，勾选“始终使用此应用打开.heic文件”即可。

• 方式二：手动配置关联

  1. 在VS Code中找到目标HEIC文件，右键点击，选择「Open With」→「Configure Default Editor...」
  2. 在弹出的配置窗口中，点击「Add Editor」，选择「External Editor」，然后在系统应用列表里选中Windows Photos
  3. 设置完成后，后续打开HEIC文件会自动调用Windows Photos

  也可以直接修改settings.json配置：

  1. 按下Ctrl+Shift+P，输入「Preferences: Open User Settings (JSON)」并打开
  2. 添加以下配置（注意替换Windows Photos的实际路径，可通过右键Photos图标→「打开文件所在位置」获取）：

  "files.associations": {
      "*.heic": "image/heic"
  },
  "files.externalEditor": {
      "image/*": "C:\\Program Files\\WindowsApps\\Microsoft.Windows.Photos_8wekyb3d8bbwe\\Microsoft.Photos.exe"
  }
  

二、让VS Code内置预览HEIC文件 #

VS Code本身不支持HEIC解码，可通过安装扩展实现：

1. 按下Ctrl+Shift+X打开扩展商店
2. 搜索「HEIC Viewer」，选择评分较高的扩展（比如heic-viewer）安装
3. 重启VS Code后，直接打开HEIC文件就能在编辑器内预览

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