vscode引入图片时候没有预览提示?来试试这个插件

557 阅读1分钟

vscode作为一款轻量的编辑器,以其极快的启动速度收到大家都青睐,正因为其轻量许多功能都需要依赖插件来实现,虽然有海量的插件,但不一定能完全满足我们的需求。

例如我们在开发项目的时候选择图片通常是这样的

image.png

这么多图片具体要选择哪一张我相信你一定是蒙圈的,除非你有过目不忘的能力。

path-prompt插件就是用来解决这个问题的,路径图片预览。效果如下:

演示

安装插件

image.png

配置别名路径

  • 到settings.json中配置
  • 例如:
"path-prompt.pathMappings": {  
    "@": "${folder}/src", // alias for /test
},

import或着require引入图片不能预览

  • 本插件import或着require加载路径默认不显示扩展名导致的
  • 到settings.json中配置
"path-prompt.extensionOnImport":true

注意事项

  • 本插件是基于Path Autocomplete进行二次开发,所有配置项与原插件一致
  • 配置settings.jsons时需要把path-autocomplete换成path-prompt,如上示例
  • 更多文档查看[marketplace.visualstudio.com/items?itemN…]