vue使用浏览器编辑器monaco动态创建组件

安装Monaco：npm install monaco-editor --save

npm install monaco-editor-webpack-plugin --save-dev webpack4.0以上不需要安装

修改webpack.base.conf.js配置文件,如图：

修改配置文件防止build出现错误

editor组件

#container {

  height: 100%;

  text-align: left;

}

引用editor组件

monaco-editor编译器

获取相关文件格式代码

export default function get() {

  let [...args] = arguments;

  let component = {};

  component.template = args[0];

  component.data = args[1].data;

  component.methods = args[1].methods;

  component.inject = args[1].inject;

  return component;

}