diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..40aad4a
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "astro-build.astro-vscode",
+    "mgmcdermott.vscode-language-babel",
+    "EditorConfig.EditorConfig",
+    "dbaeumer.vscode-eslint",
+    "bradlc.vscode-tailwindcss"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 5525d33..3d2e105 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,7 +1,13 @@
 {
+  "editor.codeActionsOnSave": { "source.fixAll.eslint": true },
+  "editor.formatOnSave": true,
+  "editor.rulers": [120],
+  "emmet.includeLanguages": { "javascript": "javascriptreact", "astro": "javascriptreact" },
+  "eslint.validate": ["javascript", "javascriptreact", "astro", "typescript", "typescriptreact"],
+  "files.eol": "\n",
+  "tailwindCSS.classAttributes": ["class", "className", "class:list"],
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true,
-  "eslint.validate": ["javascript", "javascriptreact", "astro", "typescript", "typescriptreact"],
   "[astro]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" },
   "[json]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" },
   "[javascript]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" },