解决vue项目中import @/符号下有波浪线的问题

当我们用webstorm打开一个别人写好的vue项目时，可能会遇到下面的情况：

在这里面@符号是代表src的意思，虽然有时项目也能跑起来，但是看到波浪想着实有些糟心。

这个问题解决其实很简单，他具体产生的原因在这篇文章中解释的很详细：

https://juejin.cn/post/6844903802185891848

 

具体解决过程如下：

1.首先打开webstorm中file->setting,之后找到language&frameworks中javascript的webpack选项

2.之后点开找到项目目录\node_modules\@vue\cli-service\webpack.config.js 后点应用即可。

 

/*新人转行不到一年半 有问题请轻喷*/