Vue.js - 配置WebStorm将路径文件中的@设置为src文件夹

Question

在Vue.js中,您可以使用@路径文件作为src文件夹的快捷方式.这很好,因为你的所有文件都有一个绝对路径.

但是,我无法找到一种方法来配置WebStorm以理解这一点,并允许我在使用它时跟踪并检查文件是否存在.

示例:

import Business from '@/components/Business/Business'

写下我希望WebStorm告诉我文件是否不存在,并允许我直接转到该文件.

我没有找到任何关于它的答案,也没有设法在IDE中找到一种方法.

Answer 1

对于vue-cli3,您需要node_modules/@vue/cli-service/webpack.config.js在Settings |中指定为webpack配置文件 语言和框架| JavaScript | Webpack.请注意,这仅适用于JavaScript; 使用TypeScript编写的组件(WEB-34105)时,不解析webpack别名

Answer 2

在 phpstorm 2020.3.3 中，我可以通过以下方式修复此问题

• 打开设置 > 语言和框架 > JavaScript > Webpack 并选择“自动”
• 保存后，这将打开一个弹出窗口，要求运行 webpack 配置。点击“信任项目并运行”
• 固定的！