Vue Monaco Editor 编辑器的添加

monaco-editor  这个是可以查看的网站

为什么每次编辑都会报错,这个问题需要配置一下

哈~我找了大神帮忙看了一眼

配置了一下

plugins: [

          new MonacoWebpackPlugin({

            languages: ['javascript', 'css', 'html', 'typescript', 'json']

          })

        ]

解决了

npm install monaco-editor --save 

话不多说先上图吧

 


import MonacoEditor from "./MonacoEditor";
 components: {
    MonacoEditor,
  },
data(){
    return{javascriptCodes: "",}
}
method:{
 javascriptOnMounted(edit) {
      console.log(edit, "javascriptOnMounted");
    },
    javascriptOnCodeChange(value, event) {
      console.log(value, event, "javascriptOnCodeChange");
    },
}