Monaco Editor编辑器教程（二八）：Monaco 与 VS Code 两个项目的联系与异同点-Toy模板网

这篇具有很好参考价值的文章主要介绍了Monaco Editor编辑器教程（二八）：Monaco 与 VS Code 两个项目的联系与异同点。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言

很多人知道前端代码编辑Monaco Editor 与VS Code 有关系，但却不清楚其中的细节，本篇文章就带大家了解一下两者的关系和异同点。

表面对比

首先，这两个项目都是来自微软，其中VS Code 项目Github 144K star，是基于CS架构，客户端-服务端架构。主要的技术栈是 elector，ts。

而Monaco Editor则是33.4k star,是一个bs架构，浏览器-服务端架构，主要的技术栈是typescript。

深层关系

以上信息对于使用过二者的同学基本都知道。

那么说点比较深入的，请看下面这张图。这张图来自官方。地址为
https://github.com/microsoft/monaco-editor/blob/main/CONTRIBUTING.md

Monaco Editor编辑器教程（二八）：Monaco 与 VS Code 两个项目的联系与异同点
这张图很清楚地描述了monaco-editor 与vscode两个库的关系。

首先在vscode这个git仓库中，会构建出一个monaco-editor-core，这是编辑器的核心库，该库是比较底层的。不关心上层是浏览器还是客户端。它说实现的功能就是，我们编辑中常使用的position，overwieget，overweiget，minmap，range，
monaco-editor 就是基于这个库来开发出来的。
值得一提的是，monaco的文档是由一个ts文件生成的，而该文件是在vscode中有多个文件拼接文章来源地址https://www.toymoban.com/news/detail-427072.html

到了这里，关于Monaco Editor编辑器教程（二八）：Monaco 与 VS Code 两个项目的联系与异同点的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！