diff --git a/frontend/ng-karaoqueue/.vscode/launch.json b/frontend/ng-karaoqueue/.vscode/launch.json
new file mode 100644
index 0000000..fabf047
--- /dev/null
+++ b/frontend/ng-karaoqueue/.vscode/launch.json
@@ -0,0 +1,16 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:4200",
+            "webRoot": "${workspaceFolder}",
+            "runtimeExecutable": "/usr/bin/chromium"
+        }
+    ]
+}
diff --git a/frontend/ng-karaoqueue/.vscode/tasks.json b/frontend/ng-karaoqueue/.vscode/tasks.json
index e2b079a..9fc52fe 100644
--- a/frontend/ng-karaoqueue/.vscode/tasks.json
+++ b/frontend/ng-karaoqueue/.vscode/tasks.json
@@ -14,6 +14,13 @@
             "script": "build",
             "group": "build",
             "problemMatcher": []
+        },
+        {
+            "type": "npm",
+            "script": "serve",
+            "problemMatcher": [
+                "$tsc"
+            ]
         }
     ]
 }