PhpStorm:自定义 Vue 3 组件库缺少代码完成

PhpStorm: Missing code completion on custom Vue 3 component library

我已经为我的项目构建了一个 Vue 组件库。

在我将 main.js 中的库与 app.use(ComponentLibrary) 集成并在我的视图中使用各个组件后,它们在我的 [=] 中没有代码完成或标签和属性建议20=] (PhpStorm),因此无法识别它们。

它们仍然有效,但如果 IDE 也能识别它们,那将非常有帮助。

有人知道我该如何解决这个问题吗?

IDE 不了解组件在库文件中公开的方式,因此出现了问题。

为了改进不同 Vue.js 组件库的代码完成,IDE 使用一种特殊格式的元数据,称为 web-typesweb-types 描述库的组件及其指令。库开发人员必须以 web-types 格式提供库组件的描述,并将其包含在包分发中,以正确完成和解析所有道具。