之前写了一篇vue3使用monaco-editor的博文(Vue3使用Monaco-editor),vue3中使用过程很顺利,没发现什么问题。但是在vue2中使用碰到一些坑。不过最后总算是搞出来能用了。
首先跟vue3一样,安装monaco-editor、monaco-editor-webpack-plugin这两个插件。vue3里面呢直接安装最新的就行了,但是在vue2中对版本有要求,不能太高了,经过最后的测试,monaco-editor使用0.30.1的版本,monaco-editor-webpack-plugin使用monaco-editor-webpack-plugin使用6.0.0的版本。
安装:
cnpm i monaco-editor@0.30.1
cnpm i monaco-editor-webpack-plugin@6.0.0 -D
配置:
然后在vue.config.js中配置:
c