diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 00000000..35d27c05
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,12 @@
+{
+  "recommendations": [
+    "streetsidesoftware.code-spell-checker",
+    "wayou.vscode-todo-highlight",
+    "vue.volar",
+    "eamodio.gitlens",
+    "dbaeumer.vscode-eslint",
+    "usernamehw.errorlens",
+    "yutengjing.vscode-colorize-plus",
+    "editorconfig.editorconfig"
+  ],
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..8127641d
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,15 @@
+{
+  "eslint.experimental.useFlatConfig": true,
+  "eslint.format.enable": true,
+  "editor.formatOnSaveMode": "file",
+  "eslint.probe": [
+    "typescript",
+    "vue",
+  ],
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+}