时间戳

首页 > 解决方案 > Vue.js - 配置 WebStorm 以在 src 文件夹的路径文件中设置 @

vue.js - Vue.js - 配置 WebStorm 以在 src 文件夹的路径文件中设置 @

问题描述

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

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

例子 ：

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

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

我没有找到任何关于它的答案，也没有设法在 IDE 中找到解决方法。

标签： vue.jsidewebstorm

解决方案

对于 vue-cli3，您需要在Settings |node_modules/@vue/cli-service/webpack.config.js中指定一个完整路径作为 webpack 配置文件。语言和框架 | JavaScript | 网页包。

请注意，这只适用于 JavaScript；使用 TypeScript 编写的组件时无法解析 webpack 别名，应使用路径映射代替tsconfig.json

推荐阅读