diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index cf4385bd..d7d8cd6b 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,7 +1,10 @@
 {
   "recommendations": [
-    "Vue.volar",
+    "dbaeumer.vscode-eslint",
+    "rust-lang.rust-analyzer",
+    "stylelint.vscode-stylelint",
     "tauri-apps.tauri-vscode",
-    "rust-lang.rust-analyzer"
+    "Vue.vscode-typescript-vue-plugin",
+    "Vue.volar",
   ]
-}
+}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..4da11ed4
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,20 @@
+{
+    "workbench.iconTheme": "material-icon-theme",
+    "editor.inlineSuggest.enabled": true,
+    "editor.fontFamily": "Consolas, 'Courier New', monospaced",
+    "workbench.colorTheme": "Atom One Dark",
+    "editor.guides.bracketPairs": "active",
+    "github.copilot.enable": {
+        "*": true,
+    },
+    "eslint.validate": [
+        "typescript",
+        "html",
+        "vue",
+        "markdown",
+        "json",
+        "yaml",
+        "plaintext"
+    ],
+    "stylelint.configBasedir": "${workspaceFolder}",
+}
\ No newline at end of file