diff --git a/electron.vite.config.mjs b/electron.vite.config.mjs
index 470c4a0..3e72548 100644
--- a/electron.vite.config.mjs
+++ b/electron.vite.config.mjs
@@ -1,6 +1,7 @@
 import { resolve } from 'path'
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
 import vue from '@vitejs/plugin-vue'
+import VueDevTools from 'vite-plugin-vue-devtools';
 
 export default defineConfig({
   main: {
@@ -15,6 +16,9 @@ export default defineConfig({
         '@renderer': resolve('src/renderer/src')
       }
     },
-    plugins: [vue()]
+    plugins: [
+      vue(),
+      VueDevTools()
+    ]
   }
 })
diff --git a/package.json b/package.json
index 6e8f413..84196a3 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "prettier": "^3.3.2",
     "sass": "^1.77.6",
     "vite": "^5.3.1",
+    "vite-plugin-vue-devtools": "^7.7.6",
     "vue": "^3.4.30"
   }
 }