WebStorm识别Vue项目的别名alias

在Vue Cli3项目中没有传统的webpack配置文件，而是集成到了vue.config.js中,导致webstorm无法识别引用路径中的alias

module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set("@", resolve("src")) // key,value自行定义，比如.set('@@', resolve('src/components'))
      .set("_c", resolve("src/components"));
  },
};

解决方案:

Preferences > Languages & Frameworks > JavaScript > Webpack 设置webpack配置文件路径为:

项目目录\node_modules\@vue\cli-service\webpack.config.js