PhpStorm-资源根源中的自动完成JS模块

Question

我正在使用PhpStorm作为IDE，我想从我的Resource Root中以@前缀导入我的JS模块。我已经将src目录标记为'Resource Root'，并且还检查了文件/设置/代码样式/ Javascript /导入中的“使用相对于项目的路径”。

实际上，例如，如果执行@/components/HelloWorld.vue，则模块可以正确导入，但是我注意到以这种方式，我失去了自动补全功能，并且无法使用 Ctrl + 鼠标单击。

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

Answer 1

将文件夹标记为资源根会告诉IDE解析相对于此文件夹的路径，但不允许指定任何前缀/别名。 如果您使用的是 Vue cli 3 ，则解析路径的正确方法是在“设置” |“设置”中将node_modules\@vue\cli-service\webpack.config.js指定为 webpack配置文件。语言和框架| JavaScript | Webpack