Intellij&WebStorm进行Vue@cli3开发时文件跳转

使用Intellij或者WebStorm进行Vue@cli3开发时，由于我们使用了别名@造成Intellij无法跳转到指定文件。@代表src

如：
import { toLogin } from "@/router/router"

解决如下：

别名是webpack处理的，但是cli3中没有webpack配置文件，Intellij中要实现跳转需要新建一个webpack配置文件（只用来告诉Intellij如何跳转，无实际作用）
新建alias.config.js(名称随便起)

如果还有其他别名，一一配置即可，不建议定义太多别名，搞得自己都不记得。

/*此文件未使用，只是为了让idea可以识别实际位置*/
const path = require("path");

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

module.exports = {
  resolve: {
    alias: {
      "@": resolve("src"),
    },
  },
};

Intellij中打开settting，搜索webpack选择之前新建的配置文件即可

image