vscode作为一款轻量的编辑器,以其极快的启动速度收到大家都青睐,正因为其轻量许多功能都需要依赖插件来实现,虽然有海量的插件,但不一定能完全满足我们的需求。
例如我们在开发项目的时候选择图片通常是这样的
这么多图片具体要选择哪一张我相信你一定是蒙圈的,除非你有过目不忘的能力。
path-prompt插件就是用来解决这个问题的,路径图片预览。效果如下:
安装插件
配置别名路径
- 到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…]