1.什么是@路径
首先在vue中使用某个文件或其他组件的方法是一层一层的引用，比如：../././src，此时会有很多层，以至于开发人员搞不清路径，这时就用到@路径了，@路径以src目录为根目录开始查找，方便了很多，比如：@/components/left.vue
2.配置@语法提示
在这里提一下，@路径的根目录是src目录，这是vue-cli自动配置好的，无需开发人员手动配置。
配置@语法提示，首先安装Path Autocomplete插件
之后在settings.json文件中把这段代码复制进去
// 导入文件时是否携带文件的扩展名
"path-autocomplete.extensionOnImport":true,
// 配置@的路径提示
"path-autocomplete.pathMappings":{
"@":"${folder}/src"
},
此时，就有@路径语法提示。
import Right from '@/components/Right.vue'