diff --git a/package.json b/package.json
index 8a7b8ef..012896b 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
     "unplugin-auto-import": "^0.18.6",
     "unplugin-vue-components": "^0.27.5",
     "vite": "^6.0.0",
+    "vite-plugin-vue-devtools": "^7.7.6",
     "vitest": "^3.0.9",
     "vue-tsc": "^2.0.21"
   },
diff --git a/vite.config.ts b/vite.config.ts
index 09a95d6..4692d47 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,7 +10,8 @@ import postCssPxToRem from 'postcss-pxtorem';
 import legacy from '@vitejs/plugin-legacy';
 // shift +  alt 快速定位到对应组件
 import { codeInspectorPlugin } from 'code-inspector-plugin';
-// import tailwindcss from '@tailwindcss/vite';
+// 导入 dev tools
+import vueDevTools from 'vite-plugin-vue-devtools'
 
 export default defineConfig(({ mode }) => {
   // 接收 mode 参数
@@ -67,6 +68,7 @@ export default defineConfig(({ mode }) => {
     },
     cacheDir: '.tmp',
     plugins: [
+      vueDevTools(),
       vue(),
       vueJsx(),
       AutoImport({ resolvers: [VantResolver(), ElementPlusResolver()] }),