在开发 vue 项目中时，我们经常会使用 @别名，然而，在使用别名的时候，却没有路径提示，这就很不方便了，对于引入文件或者图片的时候没有路径提示就很头大。

解决办法是先安装插件，然后简单配置下即可。

1、安装插件 Path Autocomplete。

2、在 vscode 设置中打开 settings.json 文件，添加如下配置。

//导入文件时是否携带文件的扩展名
"path-autocomplete.extensionOnlmport": true,
//配置@的路径提示
"path-autocomplete.pathMappings": {
    "@": "${folder}/src"
},

至此，就可以愉快地玩耍了