diff --git a/.gitignore b/.gitignore
index 93c801d9..f2d0016f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,5 +5,11 @@
 /zephyr
 /zmk-config
 /build
+*.code-workspace
 *.DS_Store
-__pycache__
\ No newline at end of file
+__pycache__
+
+/.vscode/**
+!/.vscode/extensions.json
+!/.vscode/settings.json
+!/.vscode/tasks.json
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 00000000..180b53eb
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,19 @@
+{
+	// See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
+	// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
+
+	// List of extensions which should be recommended for users of this workspace.
+	"recommendations": [
+		"dbaeumer.vscode-eslint",
+		"esbenp.prettier-vscode",
+		"ms-vscode.cpptools",
+		"plorefice.devicetree",
+		"spadin.zmk-tools",
+		"trond-snekvik.kconfig-lang",
+		"twxs.cmake",
+	],
+	// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
+	"unwantedRecommendations": [
+
+	]
+}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
index eba95704..d0c80cce 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,6 +1,33 @@
 {
+  "C_Cpp.autoAddFileAssociations": false,
   "files.associations": {
-    "*.overlay": "dts",
-    "*.keymap": "dts"
-  }
+    "*.h": "c"
+  },
+  "[c]": {
+    "editor.formatOnSave": true
+  },
+  "[css]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[markdown]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
 }
\ No newline at end of file
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
index 080ffea6..03b3525c 100644
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@@ -6,22 +6,34 @@
     {
       "label": "Build",
       "type": "shell",
-      "command": "cd app && west build",
-      "group": {
-        "kind": "build",
-        "isDefault": true
-      }
+      "command": "west build",
+      "options": {
+        "cwd": "${workspaceFolder}/app"
+      },
+      "group": "build",
+      "problemMatcher": [
+        {
+          "base": "$gcc",
+          "fileLocation": ["autoDetect", "${workspaceFolder}/app/build"]
+        }
+      ]
     },
     {
       "label": "Flash",
       "type": "shell",
-      "command": "cd app && west flash",
+      "command": "west flash",
+      "options": {
+        "cwd": "${workspaceFolder}/app"
+      },
       "group": "test"
     },
     {
       "label": "Debug",
       "type": "shell",
-      "command": "cd app && west debug",
+      "command": "west debug",
+      "options": {
+        "cwd": "${workspaceFolder}/app"
+      },
       "group": "test"
     }
   ]