【问题记录】vscode打开图片报错The file is not displayed in the text editor...

【问题记录】vscode打开图片报错The file is not displayed in the text editor...

  • 1 问题描述
  • 2 解决-安装 Image preview
  • 3. Image preview 配置
  • 4 图片查看

1 问题描述

  • 打开图片显示 ‘The file is not displayed in the text editor because it is either binary oruses an unsupported text encoding.’
    【问题记录】vscode打开图片报错The file is not displayed in the text editor..._第1张图片

2 解决-安装 Image preview

  • 在 vscode 左边的 Extensions 中搜索 image,找到 Image preview 插件进行安装。
    【问题记录】vscode打开图片报错The file is not displayed in the text editor..._第2张图片

3. Image preview 配置

  • 在安装好的 Image preview 上右击选择 Extension Settings
    【问题记录】vscode打开图片报错The file is not displayed in the text editor..._第3张图片
  • 进入后点击 Edit in Setting.json,在 Image preview 的配置文件中进行参数修改。
    【问题记录】vscode打开图片报错The file is not displayed in the text editor..._第4张图片
  • 修改 json 文件 43 行的 defaultimagePreview.previewEditor.
    • 修改前为:【问题记录】vscode打开图片报错The file is not displayed in the text editor..._第5张图片
    • 修改后为: 【问题记录】vscode打开图片报错The file is not displayed in the text editor..._第6张图片

4 图片查看

  • 安装并配置好后打开图片即可直接显示。
    【问题记录】vscode打开图片报错The file is not displayed in the text editor..._第7张图片
    顺利打开图片!!!

你可能感兴趣的:(问题记录,vscode)