diff --git a/package.json b/package.json
index d4a35d77..4a758394 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,8 @@
     "@wangeditor/editor-for-vue": "5.1.10",
     "animate.css": "^4.1.1",
     "axios": "^1.7.2",
+    "codemirror": "^5",
+    "codemirror-editor-vue3": "^2.7.0",
     "color": "^4.2.3",
     "echarts": "^5.5.1",
     "element-plus": "^2.7.6",
@@ -71,6 +73,7 @@
     "@commitlint/cli": "^18.6.1",
     "@commitlint/config-conventional": "^18.6.3",
     "@iconify-json/ep": "^1.1.15",
+    "@types/codemirror": "^5.60.15",
     "@types/color": "^3.0.6",
     "@types/lodash": "^4.17.6",
     "@types/node": "^20.14.10",
diff --git a/src/main.ts b/src/main.ts
index 16e0cb9f..5b8e96fb 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -10,7 +10,9 @@ import "element-plus/theme-chalk/dark/css-vars.css";
 import "@/styles/index.scss";
 import "uno.css";
 import "animate.css";
+import { InstallCodemirro } from "codemirror-editor-vue3";
 
 const app = createApp(App);
 app.use(setupPlugins);
+app.use(InstallCodemirro);
 app.mount("#app");