控制台插件

package-lock.json

@@ -54,6 +54,7 @@
         "sass": "^1.77.6",
         "typescript": "^4.9.4",
         "unplugin-auto-import": "^0.17.6",
+        "vconsole": "^3.15.1",
         "vite": "4.3.5",
         "vite-plugin-eslint": "^1.8.1",
         "vue-tsc": "^1.0.24"
@@ -6964,6 +6965,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/copy-text-to-clipboard": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz",
+      "integrity": "sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/core-js": {
       "version": "3.37.1",
       "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.37.1.tgz",
@@ -12594,6 +12607,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/mutation-observer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/mutation-observer/-/mutation-observer-1.0.3.tgz",
+      "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA==",
+      "dev": true
+    },
     "node_modules/mute-stream": {
       "version": "0.0.8",
       "resolved": "https://registry.npmmirror.com/mute-stream/-/mute-stream-0.0.8.tgz",
@@ -15805,6 +15824,18 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vconsole": {
+      "version": "3.15.1",
+      "resolved": "https://registry.npmmirror.com/vconsole/-/vconsole-3.15.1.tgz",
+      "integrity": "sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.17.2",
+        "copy-text-to-clipboard": "^3.0.1",
+        "core-js": "^3.11.0",
+        "mutation-observer": "^1.0.3"
+      }
+    },
     "node_modules/vite": {
       "version": "4.3.5",
       "resolved": "https://registry.npmmirror.com/vite/-/vite-4.3.5.tgz",

package.json

@@ -54,6 +54,7 @@
     "sass": "^1.77.6",
     "typescript": "^4.9.4",
     "unplugin-auto-import": "^0.17.6",
+    "vconsole": "^3.15.1",
     "vite": "4.3.5",
     "vite-plugin-eslint": "^1.8.1",
     "vue-tsc": "^1.0.24"

src/main.ts

@@ -2,10 +2,12 @@ import { createSSRApp } from 'vue';
 import App from './App.vue';
 import store from './store';
 import '@/assets/iconfont/iconfont.css'; // 引入自定义图标样式文件
+import Vconsole from 'vconsole';
 
 export function createApp() {
   const app = createSSRApp(App);
-  app.use(store);
+  const vConsole = new Vconsole();
+  app.use(store, vConsole);
   return {
     app,
   };

vite.config.ts

@@ -35,7 +35,7 @@ export default defineConfig({
     alias: {
       '@': path.resolve(__dirname, './src'),
     },
-  },
+  }, 
   server: {
     open: true,
     // 代理配置