VsCode Vue项目使用别名，并自动提示路径和函数名

vue.config.js配置修改:

chainWebpack 配置项下添加 config.resolve.alias.set("@",resolve("src"))

chainWebpack: config => {
      config.resolve.alias.set("@",resolve("src"))
  },

添加jsconfig.json文件:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "src/*"
      ],
      // 配置自定义的别名匹配路径
      "styles/*": [
        "src/assets/styles/*"
      ]
    },
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": ["node_modules","AMDist"]
}