如何设置PhpStorm/WebStorm以使用Vite别名？

PhpStorm/WebStorm还不支持Vite，因此给出以下Vite配置：

导出默认定义图({
插件：[vue（）]，
决心：{
别名：{
“@”：path.resolve（uu dirname，“/src”），
},
},
});

它无法正确识别以下导入：

从'@/api'导入{getAllItems}

---

如何设置才能正常工作？

在项目根目录中创建一个JavaScript文件（名称并不重要，我将使用

phpstorm.config.js

）并镜像别名配置，如下所示：

System.config({
“路径”：{
“@/*”：“/src/*”，
}
});

Php/Webstorm将自动获取它。将其添加到

.gitignore

中可能是个好主意

---

另一个选项是按照以下模式创建

jsconfig.json

：

{
“编译器选项”：{
“baseUrl”：“，
“路径”：{
“@/*”：[”/src/*“]
}
}
}

---

在

的文档中阅读有关此解决方案的更多信息另一个选项是使用

jsconfig.json

指定路径别名，请参阅@lena yeah haha，我想说使用visual studio确实是另一个选项：我不建议使用VSCode:）WebStorm/PHpStorm确实支持解析

jsconfig.json

中定义的别名，所以这只是定义别名的另一种方法。我们负担不起支持所有可能的方法来定义来自不同捆绑包、框架和插件的路径映射，因此将来我们可能会提供一些统一的方法来在IDE中处理它们。使用

jsconfig.json

是我们现在正在评估的选项之一哦，很抱歉：汗水微笑：jetBrains工程师提倡使用VScode，我有点震惊。我马上更新我的答案！