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

配置路径别名，在项目vue.config.js文件中添加如下配置：

const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  
  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  }

}

这样就可以在项目中使用别名了：

 

但是会有一个问题，Ctrl+鼠标左键 点击引入的login，无法跳转到login方法。

解决方法：

项目根目录新建jsconfig.json文件，配置如下:

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

重启vscode即可。