webstorm 编辑器中引路的路径“@/“ 无法识别 有波浪线

在webstorm中引用路径有下划线的问题，提示语法有问题。

就像下面这种，看着就是很不舒服，点击文件也没办法跳转到响应的路径下面，就很烦人。

解决办法

在项目的根路径下，也就是跟package.json同级的目录下创建jsconfig.json这个文件，在文中写入

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  },
  "exclude": [
    "node_modules",
    "dist"
  ]
}

通过这个方法我们就可以解决webstorm使用@引入的路径有警告，报黄的问题，同时也可以点击引入的文件跳过去了。