vue中实现MonacoEditor自定义提示功能-创新互联
这次接到一个需求,要在浏览器的 IDE
中支持自定义提示功能,如下所示:
可以看到,它可以根据用户输入的内容来一项一项排除,只显示完全匹配的那一项。
项目的框架是 Vue
,编辑器用的是 Monaco Editor
。
什么是 Monaco Editor
vscode
是我们经常在用的编辑器,它的前身是微软的一个叫 Monaco Workbench
的项目,而 Monaco Editor
就是从这个项目中成长出来的一个 web
编辑器,他们很大一部分的代码都是共用的,所以 Monaco Editor
和 VSCode
在编辑代码,交互及 UI
上几乎是一摸一样的。不同的是,两者的平台不一样, Monaco Editor
基于浏览器,而 VSCode
基于 electron
,所以功能上 VSCode
更加健全,性能比较强大。
用法
安装
npm install monaco-editor --save
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文题目:vue中实现MonacoEditor自定义提示功能-创新互联
标题链接:http://ybzwz.com/article/poojs.html