diff --git a/.gitignore b/.gitignore
index 934a8a55..cebabdb3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -66,7 +66,6 @@ lerna-debug.log*
 
 # IDE
 .idea/
-.vscode/
 *.swp
 *.swo
 *~
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..be5b3490
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,33 @@
+{
+  "editor.insertSpaces": true,
+  "editor.detectIndentation": false,
+  
+  "editor.tabSize": 2,
+  
+  "[typescript]": {
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true
+  },
+  "[javascript]": {
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true
+  },
+  "[typescriptreact]": {
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true
+  },
+  "[javascriptreact]": {
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true
+  },
+  "[vue]": {
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true
+  },
+  
+  "[python]": {
+    "editor.tabSize": 4,
+    "editor.insertSpaces": true
+  }
+}
+
diff --git a/packages/web/.vscode/extensions.json b/packages/web/.vscode/extensions.json
new file mode 100644
index 00000000..a7cea0b0
--- /dev/null
+++ b/packages/web/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}