用于Visual Studio Code的Webview UI工具包

我们非常高兴地宣布Visual Studio Code的Webview UI工具包的公开预览。有了这个工具包，扩展开发者可以在Visual Studio Code中快速、轻松地创建基于Webview的扩展，其外观、感觉和行为都与编辑器本身一样。

Webview UI Toolkit for Visual Studio Code: gallery view of components

什么是Webview UI工具箱？

该工具包的核心是一个组件库，开发者可以用它来在扩展的webviews内构建用户界面。请注意，这并不改变我们的建议，即避免在扩展中使用webviews，除非你绝对需要它们。

该库的特点包括：

执行Visual Studio Code设计语言：创建具有与编辑器其他部分一致的外观和感觉的扩展。
自动支持颜色主题：所有组件的设计都考虑到了主题，并会自动显示当前的编辑器主题。
使用任何技术栈：该库以一套网络组件的形式出现，这意味着开发人员可以使用该工具包，无论他们的扩展是用什么技术栈（React、Vue、Svelte等）构建的。
开箱即可使用：所有组件都有符合网络标准的ARIA标签和键盘导航。

我们想确保使用webviews的扩展是可预测的、一致的，并且对他们的用户是可访问的。

任何时候，当一个扩展使用Webview API时，创建符合Webview准则的用户界面的责任在于扩展的作者。因此，webview有可能出现与Visual Studio Code的其他部分不同的显示和行为方式。在最坏的情况下，用户必须浏览无法访问的扩展UI，这些UI看起来与编辑器的其他部分完全不同。

有了Webview UI工具包，我们现在可以与扩展作者分担一些责任。我们可以担心主题化、可访问性以及核心UI组件的行为/风格实现等细枝末节，这样你就不必担心了。这意味着改善了开发的便利性，提高了开发者的速度，并最终有更多的时间来处理你的扩展中使其独特的部分。

我们已经迫不及待地想让你尝试一下Webview UI工具包了。让我们知道，在我们迈向1.0版本的过程中，我们可以如何改进创建基于webview的扩展的体验。

如果你想了解更多，你可以参考Webview UI Toolkit for Visual Studio Code文档。此外，如果你有任何问题，遇到任何问题，或有功能要求，请不要犹豫，联系我们。

编码愉快。