IntelliJ IDEA在vue-cli4下，以@开头的文件路径，按ctrl+鼠标左键的跳转的方案

很多前端朋友都遇到这个么一个问题，用vue-cli4来构建前端后，开发工具IDEA都不能Ctrl+鼠标点击来调整文件路径了，是因为都用了@开头的文件路径。现在分享个简单实用的方案，让你一爽到底。

1.在项目的根目录下，新建webpack.config.js文件
编写代码：

const path = require('path')
module.exports = {
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  }
}

2.在IntelliJ IDEA的file>setting>languages&Frameworks菜单下，配置javascript的Webpack的配置文件路径，选择第一步所创建的webpack.config.js文件，再应用，确定。


3.重启idea，便可以正常ctrl+鼠标左键跳转到对应的文件了。

4.注意这个文件不属于项目代码，所以最好只在本地使用，不需要提交到git的代码管理里面。所以要在根目录下的.gitignore文件添加配置，如下：

webpack.config.js

如果根目录没有看到.gitignore文件，就要手动创建.gitignore文件再添加忽略的webpack.config.js文件。