编辑器组件monaco

1、配置代码编辑器子组件monaco.js





2、在父组件中使用:


import CodeEditer from '@/components/monaco/gjManacoEditor.vue';

const monaco = ref();


const state = reactive({
    codeEditerValue: "",
    codeEditerConfig: {
        fontSize: 14,
        language: 'json',
        theme: 'vs',
    },
});

const {
    codeEditerValue,
    codeEditerConfig,
} = toRefs(state);

你可能感兴趣的:(编辑器,前端,typescript,vue.js)