diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 769a8d74b4471..d4d882bcf7645 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,7 +1,8 @@
 {
     "recommendations": [
         "dbaeumer.vscode-eslint",
-        "rbuckton.tsserver-live-reload"
+        "rbuckton.tsserver-live-reload",
+        "dprint.dprint"
     ],
 
     "unwantedRecommendations": [
diff --git a/.vscode/settings.template.json b/.vscode/settings.template.json
index ccfcfc2631b00..3b68621758cbf 100644
--- a/.vscode/settings.template.json
+++ b/.vscode/settings.template.json
@@ -6,4 +6,9 @@
 
     // To use the locally built compiler, after 'npm run build':
     // "typescript.tsdk": "built/local"
+
+    "[typescript][javascript][json][jsonc]": {
+        // "editor.formatOnSave": true,
+        "editor.defaultFormatter": "dprint.dprint"
+    }
 }