对于构建像 webapp 这样的 vscode 有什么建议吗？

Question

我有兴趣构建一个类似 vscode 的网络应用程序，但不适用于文本编辑。 （希望使用

vue3

）

像

command palette

和

shortcuts

这样的东西是我最想要的。我想知道是否有任何现有的解决方案可以快速实施它们。任何建议将不胜感激！

Answer 1

您正在寻找的 UI 模式的名称是“Combobox”或“Autocomplete”。它由一个文本字段和一个建议列表组成。请参阅组合框图案了解规格。

在原生 HTML 中，您可以结合

input

和

datalist

元素制作一个简单版本。查看 MDN 上的 datalist 元素。

存在用于更复杂实现的开源组件库：Headless UI Combobox、Vuetify Autocomplete、PrimeVue、Radix Vue，...