在WebStorm中设置vue相对导入

在VUE中一般使用@来处理相对导入问题,配置代码以下:

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src')
    }
  }

使用此配置以后须要在webstorm中作相关配置才能够正常访问.设置如图: