1. 镜像
npm install codemirror --save
npm install vue-codemirror --save
npm install @codemirror/lang-css --save
npm install @codemirror/lang-html --save
npm install @codemirror/lang-javascript --save
npm install @codemirror/lang-python --save
npm install @codemirror/lang-java --save
npm install @codemirror/lang-php --save
npm install @codemirror/theme-one-dark --save
2. 编写组件
<script setup lang="ts">
import { Codemirror } from 'vue-codemirror';
import { javascript } from '@codemirror/lang-javascript';
import { css } from '@codemirror/lang-css';
import { html } from '@codemirror/lang-html';
import { java } from '@codemirror/lang-java';
import { python } from '@codemirror/lang-python';
import { php } from '@codemirror/lang-php';
import { oneDark } from '@codemirror/theme-one-dark';
import { ref, onMounte