引入 vite-plugin-vue-inspector 插件

package.json

@@ -69,6 +69,7 @@
     "vite-plugin-pages": "^0.28.0",
     "vite-plugin-spritesmith": "^0.1.1",
     "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-inspector": "^2.0.3",
     "vite-plugin-vue-layouts": "^0.6.0",
     "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-tsc": "^1.0.13"

pnpm-lock.yaml

@@ -53,6 +53,7 @@ specifiers:
   vite-plugin-pages: ^0.28.0
   vite-plugin-spritesmith: ^0.1.1
   vite-plugin-svg-icons: ^2.0.1
+  vite-plugin-vue-inspector: ^2.0.3
   vite-plugin-vue-layouts: ^0.6.0
   vite-plugin-vue-setup-extend: ^0.4.0
   vue: ^3.2.45
@@ -116,6 +117,7 @@ devDependencies:
   vite-plugin-pages: 0.28.0_vite@4.0.1
   vite-plugin-spritesmith: 0.1.1
   vite-plugin-svg-icons: 2.0.1_vite@4.0.1
+  vite-plugin-vue-inspector: 2.0.3_vite@4.0.1
   vite-plugin-vue-layouts: 0.6.0_vbqgr7kaflb6tdlm6lscnalo3e
   vite-plugin-vue-setup-extend: 0.4.0_vite@4.0.1
   vue-tsc: 1.0.13_typescript@4.9.4
@@ -434,6 +436,15 @@ packages:
     dependencies:
       '@babel/types': 7.20.5
 
+  /@babel/plugin-syntax-import-meta/7.10.4_@babel+core@7.20.5:
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.20.5
+      '@babel/helper-plugin-utils': 7.20.2
+    dev: true
+
   /@babel/plugin-syntax-jsx/7.18.6_@babel+core@7.20.5:
     resolution: {integrity: sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==}
     engines: {node: '>=6.9.0'}
@@ -1894,6 +1905,12 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /builtins/4.1.0:
+    resolution: {integrity: sha512-1bPRZQtmKaO6h7qV1YHXNtr6nCK28k0Zo95KM4dXfILcZZwoHJBN1m3lfLv9LPkcOZlrSr+J1bzMaZFO98Yq0w==}
+    dependencies:
+      semver: 7.3.8
+    dev: true
+
   /builtins/5.0.1:
     resolution: {integrity: sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==}
     dependencies:
@@ -2971,6 +2988,12 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-node-loader/0.6.5:
+    resolution: {integrity: sha512-uPP+dllWm38cFvDysdocutN3lfe5pTIbddAHp1ENyLzpHYqE2r+3Wo+pfg9X3p8DFWwzIisft5YkeBIthIcixw==}
+    dependencies:
+      esbuild: 0.16.4
+    dev: true
+
   /esbuild-openbsd-64/0.15.18:
     resolution: {integrity: sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==}
     engines: {node: '>=12'}
@@ -2980,6 +3003,17 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-register/3.4.2_esbuild@0.16.4:
+    resolution: {integrity: sha512-kG/XyTDyz6+YDuyfB9ZoSIOOmgyFCH+xPRtsCa8W85HLRV5Csp+o3jWVbOSHgSLfyLc5DmP+KFDNwty4mEjC+Q==}
+    peerDependencies:
+      esbuild: '>=0.12 <1'
+    dependencies:
+      debug: 4.3.4
+      esbuild: 0.16.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /esbuild-sunos-64/0.15.18:
     resolution: {integrity: sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==}
     engines: {node: '>=12'}
@@ -3421,6 +3455,19 @@ packages:
       - supports-color
     dev: true
 
+  /esno/0.14.1:
+    resolution: {integrity: sha512-yDFYw6dGUjCT1qKsdG7WOc/RzIh/qwxUEVZ+ohCltaxBxEFMNqeqbQL9xjRl6Yvdwrfc5OCjUA9JbFmuu/8BKg==}
+    hasBin: true
+    dependencies:
+      cross-spawn: 7.0.3
+      esbuild: 0.16.4
+      esbuild-node-loader: 0.6.5
+      esbuild-register: 3.4.2_esbuild@0.16.4
+      import-meta-resolve: 1.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /esno/0.16.3:
     resolution: {integrity: sha512-6slSBEV1lMKcX13DBifvnDFpNno5WXhw4j/ff7RI0y51BZiDqEe5dNhhjhIQ3iCOQuzsm2MbVzmwqbN78BBhPg==}
     hasBin: true
@@ -4350,6 +4397,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /import-meta-resolve/1.1.1:
+    resolution: {integrity: sha512-JiTuIvVyPaUg11eTrNDx5bgQ/yMKMZffc7YSjvQeSMXy58DO2SQ8BtAf3xteZvmzvjYh14wnqNjL8XVeDy2o9A==}
+    dependencies:
+      builtins: 4.1.0
+    dev: true
+
   /imurmurhash/0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -4956,6 +5009,10 @@ packages:
     resolution: {integrity: sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==}
     dev: true
 
+  /kolorist/1.6.0:
+    resolution: {integrity: sha512-dLkz37Ab97HWMx9KTes3Tbi3D1ln9fCAy2zr2YVExJasDRPGRaKcoE4fycWNtnCAJfjFqe0cnY+f8KT2JePEXQ==}
+    dev: true
+
   /layout/2.2.0:
     resolution: {integrity: sha512-+kdgg25XW11BA4cl9vF+SH01HaBipld2Nf/PlU2kSYncAbdUbDoahzrlh6yhR93N/wR2TGgcFoxebzR1LKmZUg==}
     engines: {node: '>= 0.8.0'}
@@ -5149,6 +5206,13 @@ packages:
     dependencies:
       sourcemap-codec: 1.4.8
 
+  /magic-string/0.26.7:
+    resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
+    engines: {node: '>=12'}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
   /magic-string/0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
@@ -7846,6 +7910,26 @@ packages:
       - supports-color
     dev: true
 
+  /vite-plugin-vue-inspector/2.0.3_vite@4.0.1:
+    resolution: {integrity: sha512-PsS0l1nDQ8bIXJjXyxD8GN+I47MagDLgP2Q+wtEwfF62TcyAtRjU4fjddu49K/agGDHR1eLc6cogX7F/ORvAAQ==}
+    peerDependencies:
+      vite: ^3.0.0-0 || ^4.0.0-0
+    dependencies:
+      '@babel/core': 7.20.5
+      '@babel/plugin-syntax-import-meta': 7.10.4_@babel+core@7.20.5
+      '@babel/plugin-transform-typescript': 7.20.2_@babel+core@7.20.5
+      '@vue/babel-plugin-jsx': 1.1.1_@babel+core@7.20.5
+      '@vue/compiler-dom': 3.2.45
+      chalk: 4.1.2
+      esno: 0.14.1
+      kolorist: 1.6.0
+      magic-string: 0.26.7
+      shell-quote: 1.7.4
+      vite: 4.0.1_sass@1.56.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /vite-plugin-vue-layouts/0.6.0_vbqgr7kaflb6tdlm6lscnalo3e:
     resolution: {integrity: sha512-7QX7o/NpCfs+hyXphwYfmPqAEQ6qd4uXsvI0VsovjGT2eCoEE5dMdP6L+uqqNWY4uqv7oCvtinecZmbzZv/9Rg==}
     peerDependencies:

vite/plugins/index.ts

@@ -2,6 +2,7 @@ import type { PluginOption } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 
+import createInspector from './inspector'
 import createHtml from './html'
 import createAutoImport from './auto-import'
 import createComponents from './components'
@@ -21,6 +22,7 @@ export default function createVitePlugins(viteEnv, isBuild = false) {
     }),
     vueJsx(),
   ]
+  vitePlugins.push(createInspector())
   vitePlugins.push(createHtml(viteEnv, isBuild))
   vitePlugins.push(createAutoImport())
   vitePlugins.push(createComponents())

vite/plugins/inspector.ts

@@ -0,0 +1,5 @@
+import Inspector from 'vite-plugin-vue-inspector'
+
+export default function createInspector() {
+  return Inspector()
+}