Vue alias 配置路径别名，解决VSCode中无法快捷跳转问题

项目背景：基于Vue的前端开发项目

1 配置路径别名

在vue.config.js文件中，增加如下配置：

configureWebpack: {
    
    resolve: { alias: { '@': path.resolve(__dirname, 'src') } },
  },

但是配置好之后，发现通过@引入的文件，快捷键无法跳转到对应文件

解决方式：

 在项目的根目录下，增减jsconfig.js文件，在文件中配置如下

{
  "compilerOptions": {
    // "allowSyntheticDefaultImports": true,
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ],
    }
  },
  "exclude": [
    "node_modules",
    "dist"
  ]
}