Image preview是业界鼎鼎大名的图片预览插件，能够在开发阶段不离开编辑器就能看到导入的图片。其支持本地图片和网络图片，使用起来也是开箱即用。
背景介绍
我们在开发项目的过程中，由于项目的层级越来越深，使用相对路径一级一级向上查找，会显得非常冗余。于是乎出现了alias别名来映射根路径，在webpack和vite中，都支持了alias别名映射项目的根路径。
一般我们都会使用"@"或者"~"来映射项目的src路径。并且图片的地址也是可以使用alias，但是一旦图片使用了别名，Image preview这个插件就失效了，查看不了地址了。
为此我到作者的插件GitHub上看了，发现文档并没有对此的相关介绍。在issue中也是找了很久，终于找到了解决方案。
配置
1.别名要使用$，而不能用@
2.别名不能纯的$，要在后面加上其他字段，类如$src
3.在setting.json配置
"gutterpreview.paths": {
"$src": "${workspaceFolder}/src"
},
即可完成映射：
不过不能用
@也挺麻烦的，因为用习惯了@，我也在咨询作者，不过没有得到很好的答复。如果有知道怎么配置的小伙伴，也可以跟我说一声。
