diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 00000000000..5d9eb3b3c83
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,6 @@
+{
+	"recommendations": [
+		"msjsdiag.debugger-for-chrome"
+	],
+	"unwantedRecommendations": []
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000000..118bd5ebc3e
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,13 @@
+{
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"type": "chrome",
+			"request": "launch",
+			"name": "Launch web app",
+			"url": "http://localhost:8080",
+			"webRoot": "${workspaceFolder}/web",
+			"preLaunchTask": "webdev serve"
+		}
+	]
+}
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
new file mode 100644
index 00000000000..89f880e0bf4
--- /dev/null
+++ b/.vscode/tasks.json
@@ -0,0 +1,29 @@
+{
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"label": "webdev serve",
+			"type": "shell",
+			"args": [
+				"run",
+				"webdev",
+				"serve",
+				"web"
+			],
+			"command": "pub",
+			"group": "build",
+			"isBackground": true,
+			"problemMatcher": {
+				"owner": "custom",
+				"pattern": {
+					"regexp": "__________"
+				},
+				"background": {
+					"activeOnStart": true,
+					"beginsPattern": "^\\[INFO\\] Starting Build",
+					"endsPattern": "^\\[INFO\\] Succeeded after"
+				}
+			}
+		}
+	]
+}