diff --git a/.vscode/extension.json b/.vscode/extension.json
new file mode 100644
index 0000000..918ee74
--- /dev/null
+++ b/.vscode/extension.json
@@ -0,0 +1,11 @@
+{
+  "recommendations": [
+    "bmewburn.vscode-intelephense-client",
+    "dbaeumer.vscode-eslint",
+    "editorconfig.editorconfig",
+    "esbenp.prettier-vscode",
+    "felixfbecker.php-debug",
+    "glowingblue.composer-package-name",
+    "firefox-devtools.vscode-firefox-debug"
+  ]
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..1df2b57
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,17 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Attach to Flarum",
+      "type": "firefox",
+      "request": "attach",
+      "url": "http://localhost:8888",
+      "pathMappings": [
+        {
+          "url": "webpack://${command:glowingblue-composer-package-name.getName}/src/",
+          "path": "${workspaceFolder}/js/src/"
+        }
+      ]
+    }
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..3deb832
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,70 @@
+{
+  "editor.insertSpaces": false,
+  "editor.wordWrapColumn": 100,
+  "files.insertFinalNewline": true,
+  "editor.detectIndentation": false,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.insertSpaces": false
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "files.insertFinalNewline": true
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.insertSpaces": true,
+    "editor.tabSize": 2,
+    "files.insertFinalNewline": true
+  },
+  "[yaml]": {
+    "editor.insertSpaces": true,
+    "editor.tabSize": 2,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[less]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[markdown]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[php]": {
+    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client",
+    "editor.insertSpaces": false
+  },
+  "files.associations": {
+    "*.html": "html",
+    "*.md": "markdown"
+  },
+  "prettier.bracketSameLine": true,
+  "prettier.jsxBracketSameLine": true,
+  "prettier.jsxSingleQuote": true,
+  "prettier.printWidth": 100,
+  "prettier.proseWrap": "always",
+  "prettier.semi": true,
+  "prettier.singleQuote": true,
+  "prettier.tabWidth": 4,
+  "prettier.trailingComma": "all",
+  "prettier.useTabs": true,
+  "js/ts.implicitProjectConfig.experimentalDecorators": true,
+  "eslint.packageManager": "yarn",
+  "remote.containers.workspaceMountConsistency": "consistent",
+  "remote.containers.defaultExtensions": [
+    "bmewburn.vscode-intelephense-client",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "felixfbecker.php-debug"
+  ]
+}