diff --git a/frontend/package.json b/frontend/package.json
index 3e28c930..668c60f6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -24,6 +24,7 @@
     "markdown-it-multimd-table": "^3.1.3",
     "markdown-it-task-lists": "^2.1.1",
     "mime-types": "^2.1.24",
+    "monaco-editor": "^0.16.2",
     "normalize.css": "^8.0.1",
     "socket.io-client": "^2.2.0",
     "vue": "^2.6.10",
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index ad8b72de..ebb07ceb 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -9,5 +9,12 @@ module.exports = {
         ws: true
       }
     }
+  },
+  chainWebpack: config => {
+    config.plugin('copy').tap(args => {
+      args[0][0].from = 'node_modules/monaco-editor/min/vs'
+      args[0][0].to = 'vs'
+      return args
+    })
   }
 }
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index ca8d416e..9fb78c95 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -4677,6 +4677,10 @@ mkdirp@0.5.1, mkdirp@0.5.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@
   dependencies:
     minimist "0.0.8"
 
+monaco-editor@^0.16.2:
+  version "0.16.2"
+  resolved "https://registry.npm.taobao.org/monaco-editor/download/monaco-editor-0.16.2.tgz#950084ed82eeaef1c8c9d3c1bcab849fe11b2415"
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "http://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"