diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index 030f87a26819469f1a15f92d50446b6bdd75f230..9b46bf776fb23a9a0aefee256be9077f9aa94445 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -12,8 +12,16 @@
 
 	// Features to add to the dev container. More info: https://containers.dev/features.
 	"features": {
-    	"ghcr.io/rails/devcontainer/features/activestorage": {}
-  	}
+		"ghcr.io/rails/devcontainer/features/activestorage": {}
+	},
+
+	"customizations": {
+		"vscode": {
+			"extensions": [
+				"Shopify.ruby-lsp"
+			]
+		}
+	}
 
 	// Use 'forwardPorts' to make a list of ports inside the container available locally.
 	// "forwardPorts": [],
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000000000000000000000000000000000000..a0b02741edb7f4e54506b64f50890e148abecdab
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,7 @@
+{
+    "rubyLsp.formatter": "rubocop",
+    "[ruby]": {
+        "editor.defaultFormatter": "Shopify.ruby-lsp",
+        "editor.formatOnSave": true,
+      },
+}