VS code配置path autocomplete插件

在vue项目的学习中，由于常常需要引用不同组件（.vue）的路径，

import Left from '@/components/Left.vue'
import Right from '@/components/Right.vue'
import Test from '@/components/Test.vue'

为了书写便利，我们可以在VS code中安装拓展插件。
这个插件Path Autocomplete,可以提供路径检查提醒，避免书写错误。

在找到并安装后，需要进行VS code的相关配置
通过VS code的settings.json进行配置

打开settings.json的方法如下：


点击这个图标后就会打开settings.json
可以直接把下面代码粘贴在文件前面就可以了

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

这个配置，主要是为了vue-cli项目准备的，因为这样后@在引入组件（import）的时候就可以直接代替 ./src目录，并方便后续的路径书写。

// 1. 导入需要使用的 .vue 组件
import Left from '@/components/Left.vue'