PhpStorm - 从资源根自动完成 JS 模块答案

【问题标题】：PhpStorm - Autocomplete JS modules from Resource RootPhpStorm - 从资源根自动完成 JS 模块
【发布时间】：2019-01-12 10:32:33
【问题描述】：

我使用 PhpStorm 作为 IDE，我想从我的资源根目录中导入我的 JS 模块，并带有 @ 前缀。我已经将src 目录标记为“资源根目录”，并且还检查了文件/设置/代码样式/Javascript/Imports 中的“使用相对于项目的路径”。 p>

事实上，如果我这样做，模块就会正确导入：@/components/HelloWorld.vue，但我注意到这样我失去了自动完成功能以及使用 Ctrl + 浏览文件的可能性鼠标点击。

那么有没有办法解决这个问题并启用路径的自动完成？

【问题讨论】：

标签： vue.js module phpstorm

【解决方案1】：

将文件夹标记为 Resource root 告诉 IDE 解析与该文件夹相关的路径，但不允许指定任何前缀/别名。如果您使用的是 Vue cli 3，解决路径的正确方法是在 Settings | 中将 node_modules\@vue\cli-service\webpack.config.js 指定为 webpack 配置文件语言和框架 | JavaScript |网页包

【讨论】：

非常感谢，这样它就可以工作了：D。我只想添加关于您的解决方案的一件事，在我的情况下，我还需要使缓存无效并重新启动 PHPStorm