IDEA开发Vue出现波浪线和Import ‘@/‘无法转跳的问题

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

1. 发现关于ES6的语法在IDEA里面都是红色波浪线
2. import xxx from ‘@/xx’ 不支持转跳的问题

问题如下

解决方案

1. ES6语法波浪线的问题很简单，只需设置IDEA设置找到(Languages & Frameworks -> JavaScript)选择ES的版本为6或以上即可
2. IDEA配置VUE中@的转跳
   1. 在VUE项目跟路径创建一个js文件, 文件名随意，我的是 alais.config.js

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

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

结果