From b82037f663b77f454a62ce70e8256540b6c9fb99 Mon Sep 17 00:00:00 2001
From: tricker <873132083@qq.com>
Date: Thu, 25 Apr 2024 00:29:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20:sparkles:=20=E9=9B=86=E6=88=90=20vite-?=
 =?UTF-8?q?plugin-vue-devtools=20=E6=8F=92=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

集成 vite-plugin-vue-devtools 插件，配置插件可通过 inspector 在 vscode 打开相应的组件
---
 package.json   | 1 +
 vite.config.ts | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/package.json b/package.json
index fb916612..669ef4f1 100644
--- a/package.json
+++ b/package.json
@@ -109,6 +109,7 @@
     "vite": "^5.2.8",
     "vite-plugin-mock-dev-server": "^1.5.0",
     "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-devtools": "^7.1.2",
     "vue-tsc": "^2.0.13"
   },
   "repository": "https://gitee.com/youlaiorg/vue3-element-admin.git",
diff --git a/vite.config.ts b/vite.config.ts
index 988e0994..5739e408 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -21,6 +21,9 @@ import {
   devDependencies,
 } from "./package.json";
 
+// https://devtools-next.vuejs.org/
+import VueDevTools from "vite-plugin-vue-devtools";
+
 /** 平台的名称、版本、运行所需的`node`版本、依赖、构建时间的类型提示 */
 const __APP_INFO__ = {
   pkg: { name, version, engines, dependencies, devDependencies },
@@ -125,6 +128,9 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         // 指定symbolId格式
         symbolId: "icon-[dir]-[name]",
       }),
+      VueDevTools({
+        openInEditorHost: `http://localhost:${env.VITE_APP_PORT}`,
+      }),
     ],
     // 预加载项目必需的组件
     optimizeDeps: {