Make Biome formatting work out-of-the-box in VS Code (#11759)

.gitignore

@@ -16,9 +16,6 @@ package-lock.json
 .eslintcache
 .pnpm-store
 
-# ignore top-level vscode settings
-/.vscode/settings.json
-
 # do not commit .env files or any files that end with `.env`
 *.env
 
@@ -37,3 +34,8 @@ packages/**/e2e/**/fixtures/**/.astro/
 packages/**/e2e/**/fixtures/**/env.d.ts
 examples/**/.astro/
 examples/**/env.d.ts
+
+# make it easy for people to add project-specific Astro settings that they don't
+# want to share with others (see
+# https://github.com/withastro/astro/pull/11759#discussion_r1721444711)
+*.code-workspace

.vscode/extensions.json

@@ -3,7 +3,8 @@
     "astro-build.astro-vscode",
     "esbenp.prettier-vscode",
     "editorconfig.editorconfig",
-    "dbaeumer.vscode-eslint"
+    "dbaeumer.vscode-eslint",
+    "biomejs.biome"
   ],
   "unwantedRecommendations": []
 }

.vscode/settings.json

@@ -0,0 +1,17 @@
+{
+  "[json]": {
+    "editor.defaultFormatter": "biomejs.biome",
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome",
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "biomejs.biome",
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome",
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome",
+  }
+}