【软工】[技术博客] 用Monaco Editor打造接近vscode体验的浏览器IDE
[技术博客] 用Monaco Editor打造接近vscode体验的浏览器IDE 官方文档与重要参考资料 官方demo 官方API调用样例 Playground 官方API Doc ,但其搜索框不支持模糊匹配 官方GitHub Issues ,可搜索相关问题 CSDN优秀博客 带主题颜色选择的demo 依赖与配置 在浏览器中搭建Monaco Editor,推荐使用 ESModule版本+WebPack+npm插件 的形式,比较简单。链接中即为官方给出的部署样例。 需要注意的是,经过笔者踩坑,推荐的node.js包版本为: "dependencies": { "monaco-editor": "=0.19.3", "monaco-editor-webpack-plugin": "=1.9.0", "webpack": "^3.6.0", "webpack-dev-server": "^2.9.1", } 其中, monaco-editor <= 0.19.1 时无换行自动缩进, monaco-editor = 0.20.0 时编辑器有概率在网页布局中只占高度5px。因此推荐使用版本0.19.2或0.19.3。对应的, monaco-editor-webpack-plugin 使用版本1.8.2(对应editor的0.19.2)或1.9.0(对应editor的0.19.3+)。