vscode软件vue项目通过@符号导入组件路径提示

开发场景
当使用 Vue 框架进行项目开发时，在 vue.config.js 中配置好了路径别名后，到其他页面引入组件、引入 css 、引入静态文件路径时，使用路径别名不会智能提示路径。虽然在 vscode 中安装了Path Intellisense 插件，但是并无作用。这样容易出现路径拼写错误的低能问题，同时也会造成开发效率降低。
解决方案
在 vscode 的 setting.json 中给 Path Intellisence 配置（该方案是最优选，能识别任意格式文件，覆盖率最广。当别名发生改变时只需修改配置即可）

// settings.json 
"path-intellisense.mappings": {
    "@": "${workspaceRoot}/src",
    "u": "${workspaceRoot}/src/utils",
    "c": "${workspaceRoot}/src/components",
    "v": "${workspaceRoot}/src/views",
    "a": "${workspaceRoot}/src/assets",
    "s": "${workspaceRoot}/src/styles"
},

本教程由互联学术原创编写，转载请注明3ss.cn出处！