自定义HTML元素的VS代码完成

Question

有没有一种方法可以将具有自定义属性的自定义HTML元素添加到VS Code，这样我就可以获得一些自动完成/智能感知功能？

例如，在我的框架（此处为Aurelia）中，我添加了一个，<my-component is-telling-lies="true" aria-type="hidden" default-target="north">Do you believe?</my-component>并希望在开始键入新元素时显示该元素，并在其中键入元素的属性空间时在其中显示属性。

Answer 1

是的，有办法。

您可以通过声明性自定义数据格式扩展 VS Code 的 HTML 支持。通过将 html.customData 设置为遵循自定义数据格式的 JSON 文件列表，您可以增强 VS Code 对新 HTML 标记、属性和属性值的理解。然后，VS Code 将提供语言支持，例如所提供标签、属性和属性值的完成和悬停信息。

请参阅： https: //code.visualstudio.com/docs/languages/html#_html-custom-data

您可以在 vscode-custom-data 存储库中阅读有关使用自定义数据的更多信息。