前端网页代码编辑器 Monaco Editor

前端网页代码编辑器 Monaco Editor

Monaco Editor

Monaco Editor 是由 Microsoft 开发的一款基于 Web 技术的开源代码编辑器，它是 Visual Studio Code 编辑器的核心。Monaco Editor 可以嵌入到网页中，提供类似于 Visual Studio Code 的编辑体验。

• 官方地址：https://microsoft.github.io/monaco-editor/

• 项目地址：https://github.com/microsoft/monaco-editor

如下截图是其显示 SQL 的实现效果。

Vue 项目中使用 Monaco Editor

创建 Vue 项目

使用脚手架创建 vue 项目

vue create sql_editor