微软开源在线代码编辑器MonacoEditor

　　介绍
　　MonacoEditor是为VSCode提供支持的代码编辑器，运行在浏览器环境中。编辑器提供代码提示，智能建议等功能。供开发人员远程更方便的编写代码。移动浏览器或移动Web框架不支持Monaco编辑器。简单的理解就是VSCode中的代码编辑器和MonacoEditor使用的很多相同的核心模块，你可以将MonacoEditor用到自己的项目中，作为云端编辑器的支持，支持IE11，Edge，Chrome，Firefox，Safari和Opera！
　　相关地址
　　Github：
　　https：github。commicrosoftmonacoeditor
　　文档和示例等：
　　https：microsoft。github。iomonacoeditor安装
　　安装没什么好说的，你可以到上面地址中下载，也可以直接使用npm安装npminstallmonacoeditor0。17。0
　　特性以下语言丰富的智能感知以及验证功能
　　TypeScript，JavaScript，CSS，LESS，SCSS，JSON，HTML
　　多数语言支持的语法着色（高亮）支持
　　XML，PHP，C，C，Razor，Markdown，Diff，Java，VB，CoffeeScript，Handlebars，Batch，Pug，F，Lua，Powershell，Python，Ruby，SASS，R，ObjectiveC
　　代码差异比较
　　内联代码差异比较
　　非内联代码差异比较
　　内置三种主题（用过VSCode都知道）
　　上面都是原生VisualStudio亮色主题
　　VisualStudioDark主题：
　　高对比度暗色主题：
　　快速开始
　　想要直接开发可能不是一件非常简单的事情，所以给出官网提供的所有示例，建议感兴趣的同学可以直接下载下来查看相关示例代码
　　https：github。comMicrosoftmonacoeditorsamples
　　1、在终端执行以下四条命令，前提是你已存在git和node的环境，如果不存在则先安装git或者nodegitclonehttps：github。comMicrosoftmonacoeditorsamples。git
　　cdmonacoeditorsamples
　　npminstall。
　　npmrunsimpleserver
　　2、然后访问http：localhost：8888即可体验
　　选择你想体验的示例，有一些可能还需要其他的操作，按照提示来即可
　　3、项目示例Demo介绍
　　browseramdeditor：
　　使用AMD延迟加载在浏览器中运行browserscripteditor
　　通过lt；scriptgt；标签使用AMD同步加载在浏览器中运行browseresmwebpack
　　使用webpack在浏览器中运行browseresmwebpacksmall
　　使用webpack在浏览器中运行（仅限编辑器的一个子集）electronamd
　　在electron运行nwjsamd
　　在nwjs中运行。v2初始版本没有
　　其他示例和用法browseramddiffeditor
　　在浏览器中运行代码差异比较编辑器browseramdiframe
　　在lt；iframegt；中运行browseramdlocalized
　　本土化运行browseramdmonarch
　　使用Monarch编写的自定义语言语法运行browseramdsharedmodel
　　在两个编辑器中使用相同的文本模型
　　想要深入学习的小伙伴可以直接到官网上手学习，左边是配置，右边即可看到效果，这样的话学习起来会比较的快
　　相关链接
　　以下版本可能无法跟进最新的版本
　　React版本：
　　https：github。comreactmonacoeditorreactmonacoeditor
　　Vue版本：
　　https：github。commattoconnellvuemonacoeditor
　　Angular版本：
　　https：github。commateriahqngxmonacoeditor总结
　　MonacoEditor不得的不说是一个非常强大的在线代码编辑器，可以为自己的项目提供云端代码编辑器的基础技术支持，可以在其基础上扩展很多强大的功能，当然上手不一定简单，需要根据自己的需求确定开发方案，有需求的小伙伴可以去研究一下！