测试monaco代替codemirror

package.json

@@ -32,18 +32,19 @@
     "express": "^4.17.1",
     "express-jwt": "^6.0.0",
     "jsonwebtoken": "^8.5.1",
+    "lodash": "^4.17.21",
     "nedb": "^1.8.0",
     "node-fetch": "^2.6.1",
     "node-schedule": "^2.0.0",
     "p-queue": "6.6.2",
     "reflect-metadata": "^0.1.13",
     "typedi": "^0.8.0",
-    "lodash": "^4.17.21",
     "winston": "^3.3.3"
   },
   "devDependencies": {
     "@ant-design/icons": "^4.6.2",
     "@ant-design/pro-layout": "^6.5.0",
+    "@monaco-editor/react": "^4.2.1",
     "@types/cors": "^2.8.10",
     "@types/express": "^4.17.8",
     "@types/express-jwt": "^6.0.1",
@@ -57,7 +58,6 @@
     "@types/react-dom": "^17.0.0",
     "@umijs/plugin-antd": "^0.9.1",
     "@umijs/test": "^3.3.9",
-    "codemirror": "^5.59.4",
     "compression-webpack-plugin": "6.1.1",
     "darkreader": "^4.9.27",
     "lint-staged": "^10.0.7",
@@ -65,11 +65,11 @@
     "prettier": "^2.2.0",
     "qrcode.react": "^1.0.1",
     "react": "17.x",
-    "react-codemirror2": "^7.2.1",
     "react-diff-viewer": "^3.1.1",
     "react-dnd": "^14.0.2",
     "react-dnd-html5-backend": "^14.0.0",
     "react-dom": "17.x",
+    "react-split-pane": "^0.1.92",
     "ts-node": "^9.0.0",
     "typescript": "^4.1.2",
     "umi": "^3.3.9",