diff --git a/.gitignore b/.gitignore
index 21ea862d..21ab9fb7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,7 +8,6 @@ _roadhog-api-doc
 
 # production
 /dist
-/.vscode
 
 # misc
 .DS_Store
@@ -21,7 +20,7 @@ yarn.lock
 package-lock.json
 pnpm-lock.yaml
 *bak
-.vscode
+
 
 # visual studio code
 .history
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 00000000..33f300da
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "stylelint.vscode-stylelint",
+    "wangzy.sneak-mark"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..713ac953
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "editor.formatOnSave": true,
+  "prettier.requireConfig": true
+}