一、安装依赖
cnpm install monaco-editor -S
cnpm install monaco-editor-webpack-plugin -S
二、具体使用步骤
- 下载完依赖,首先需要在
config/index.js
文件下进行配置
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
module.exports = {
plugins: [
new MonacoWebpackPlugin()
],
}
2.我这边对这个monaco-editor进行了组件化的管理,有需要请直接复制下面的代码
monacoEditor.vue
<template>
<div class="myEditor">
<div id="container" ref="container"></div>
</div>
</template>
<script>
import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'
import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution'
export default {
props: {
codes: {
type: St