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-types
。 web-types 描述库的组件及其指令。库开发人员必须以 web-types
格式提供库组件的描述,并将其包含在包分发中,以正确完成和解析所有道具。
我已经为我的项目构建了一个 Vue 组件库。
在我将 main.js
中的库与 app.use(ComponentLibrary)
集成并在我的视图中使用各个组件后,它们在我的 [=] 中没有代码完成或标签和属性建议20=] (PhpStorm),因此无法识别它们。
它们仍然有效,但如果 IDE 也能识别它们,那将非常有帮助。
有人知道我该如何解决这个问题吗?
IDE 不了解组件在库文件中公开的方式,因此出现了问题。
为了改进不同 Vue.js 组件库的代码完成,IDE 使用一种特殊格式的元数据,称为 web-types
。 web-types 描述库的组件及其指令。库开发人员必须以 web-types
格式提供库组件的描述,并将其包含在包分发中,以正确完成和解析所有道具。