解决IDEA中Vue出现波浪线和Import ‘@/‘无法转跳的问题

在使用IDEA打开VUE项目时，发现有很多波浪线(如下)

发现关于ES6的语法在IDEA里面都是红色波浪线

import xxx from '@/xx' 不支持转跳的问题

问题如下

在这里插入图片描述

解决方案

ES6语法波浪线的问题很简单，只需设置IDEA设置找到(Languages & Frameworks -> JavaScript)选择ES的版本为6或以上即可

IDEA配置VUE中@的转跳

在VUE项目跟路径创建一个js文件, 文件名随意，我的是 alais.config.js

 /* 此文件未使用，只是为了让idea可以识别实际位置 */
 const path = require('path');
 
 function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
 module.exports = {
   resolve: {
     alias: {
       '@': resolve('src')
     }
   }
 };

在IDEA配置(Languages & Frameworks -> JavaScript -> Webpack)中引用该配置文件

结果

在这里插入图片描述