diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..c97b782
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "amodio.tsl-problem-matcher"
+    ]
+}
\ No newline at end of file
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
new file mode 100644
index 0000000..e42984c
--- /dev/null
+++ b/.vscode/tasks.json
@@ -0,0 +1,16 @@
+{
+    // See https://go.microsoft.com/fwlink/?LinkId=733558
+    // for the documentation about the tasks.json format
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "webpack watch",
+            "type": "shell",
+            "command": "cd ${workspaceFolder}/js;DEV=1 npx webpack --watch --mode=development",
+            "problemMatcher": [
+                "$ts-webpack-watch"
+            ],
+            "isBackground": true
+        }
+    ]
+}
\ No newline at end of file