如何让Vue中的Monaco Editor支持长尾词自动提示功能？

本文共计1378个文字，预计阅读时间需要6分钟。

本次接到一个需求，要求在浏览器中的IDE中支持自定义提示功能。例如所示：+ 可看到，它可以根据用户输入的内容来一项一项排除，只显示完全匹配的那一项。项目的框架是Vue，编辑器是IDE。

这次接到一个需求，要在浏览器的 IDE 中支持自定义提示功能，如下所示：

可以看到，它可以根据用户输入的内容来一项一项排除，只显示完全匹配的那一项。

项目的框架是 Vue ，编辑器用的是 Monaco Editor 。

什么是 Monaco Editor

vscode 是我们经常在用的编辑器，它的前身是微软的一个叫 Monaco Workbench 的项目，而 Monaco Editor 就是从这个项目中成长出来的一个 web 编辑器，他们很大一部分的代码都是共用的，所以 Monaco Editor 和 VSCode 在编辑代码，交互及 UI 上几乎是一摸一样的。不同的是，两者的平台不一样， Monaco Editor 基于浏览器，而 VSCode 基于 electron ，所以功能上 VSCode 更加健全，性能比较强大。