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

PhpStorm - Autocomplete JS modules from Resource Root

我将 PhpStorm 用作 IDE,我想从我的资源根导入我的 JS 模块,前缀为 @。我已经将 src 目录标记为 'Resource Root' 并且我还检查了 File/Settings/Code Style/Javascript/Imports 中的 "Use path relative to the project" .

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

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

将文件夹标记为 资源根目录 告诉 IDE 解析相对于该文件夹的路径,但不允许指定任何 prefixes/aliases。 如果您使用的是 Vue cli 3,解析路径的正确方法是将 node_modules\@vue\cli-service\webpack.config.js 指定为 webpack 配置文件 in 设置 |语言与框架 | JavaScript | Webpack