根据环境显示vconsole插件

hookehuyr
Commit ce4a0f39ca4e5fbf672833dd5aafa2601473d1e5 ce4a0f39 1 parent 7f712464
Showing 4 changed files with 58 additions and 3 deletions
package.json
src/App.vue
src/utils/vconsole.js
yarn.lock
--- a/package.json
View file @ce4a0f3
+++ b/package.json
View file @ce4a0f3
@@ -25,6 +25,7 @@
     "mui-player": "^1.6.0",
     "uuid": "^8.3.2",
     "vant": "^4.0.0-alpha.3",
+    "vconsole": "^3.14.6",
     "vite-plugin-dynamic-import": "^0.9.5",
     "vite-plugin-mp": "^1.5.2",
     "vue": "^3.2.34",
--- a/src/App.vue
View file @ce4a0f3
+++ b/src/App.vue
View file @ce4a0f3
@@ -12,6 +12,8 @@ import { mainStore } from '@/store'
 import { storeToRefs } from 'pinia'
 import { computed, ref } from 'vue';
+import vConsole from '@/utils/vconsole'
+
 // 使用 include + pinia 状态管理动态缓存页面
 const store = mainStore()
--- a/src/utils/vconsole.js 0 → 100644
View file @ce4a0f3
+++ b/src/utils/vconsole.js 0 → 100644
View file @ce4a0f3
+import VConsole from 'vconsole';
+
+// const vConsole = new VConsole();
+let vConsole = '';
+// 或者使用配置参数来初始化，详情见文档
+if (import.meta.env.DEV) {
+  vConsole = new VConsole({ theme: 'dark' });
+}
+
+export default vConsole
--- a/yarn.lock
View file @ce4a0f3
+++ b/yarn.lock
View file @ce4a0f3
@@ -28,6 +28,13 @@
   resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.17.7.tgz"
   integrity sha512-bm3AQf45vR4gKggRfvJdYJ0gFLoCbsPxiFLSH6hTVYABptNHY6l9NrhnucVjQ/X+SPtLANT9lc0fFhikj+VBRA==
+"@babel/runtime@^7.17.2":
+  version "7.17.9"
+  resolved "https://mirrors.cloud.tencent.com/npm/@babel%2fruntime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
+  integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://mirrors.cloud.tencent.com/npm/@nodelib%2ffs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -373,6 +380,16 @@ copy-anything@^2.0.1:
   dependencies:
     is-what "^3.14.1"
+copy-text-to-clipboard@^3.0.1:
+  version "3.0.1"
+  resolved "https://mirrors.cloud.tencent.com/npm/copy-text-to-clipboard/-/copy-text-to-clipboard-3.0.1.tgz#8cbf8f90e0a47f12e4a24743736265d157bce69c"
+  integrity sha512-rvVsHrpFcL4F2P8ihsoLdFHmd404+CMg71S756oRSeQgqk51U3kicGdnvfkrxva0xXH92SjGS62B0XIJsbh+9Q==
+
+core-js@^3.11.0:
+  version "3.22.5"
+  resolved "https://mirrors.cloud.tencent.com/npm/core-js/-/core-js-3.22.5.tgz#a5f5a58e663d5c0ebb4e680cd7be37536fb2a9cf"
+  integrity sha512-VP/xYuvJ0MJWRAobcmQ8F2H6Bsn+s7zqAAjFaHGBMc5AQm7zaelhD1LGduFn2EehEcQcU+br6t+fwbpQ5d1ZWA==
+
 css-line-break@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz"
@@ -394,7 +411,7 @@ debug@^3.2.6:
 debug@^4.3.3:
   version "4.3.4"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  resolved "https://mirrors.tencent.com/npm/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
   dependencies:
     ms "2.1.2"
@@ -871,7 +888,7 @@ moment@^2.29.3:
 ms@2.1.2:
   version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  resolved "https://mirrors.tencent.com/npm/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 ms@^2.1.1:
@@ -884,6 +901,11 @@ mui-player@^1.6.0:
   resolved "https://registry.npmjs.org/mui-player/-/mui-player-1.6.0.tgz"
   integrity sha512-FAVzmNayqLl8LUNigBPWiNUOaLOIzPw0Z8JzjXkGyHK31IKJLxn3AQl5TYdTP0GjBcFfg7O8LFET1AjmRFXpuA==
+mutation-observer@^1.0.3:
+  version "1.0.3"
+  resolved "https://mirrors.cloud.tencent.com/npm/mutation-observer/-/mutation-observer-1.0.3.tgz#42e9222b101bca82e5ba9d5a7acf4a14c0f263d0"
+  integrity sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA==
+
 nanoid@^3.3.1:
   version "3.3.1"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz"
@@ -1033,6 +1055,11 @@ queue-microtask@^1.2.2:
   resolved "http://mirrors.cloud.tencent.com/npm/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+regenerator-runtime@^0.13.4:
+  version "0.13.9"
+  resolved "https://mirrors.cloud.tencent.com/npm/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
+  integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==
+
 resolve@^1.22.0, resolve@^1.3.2:
   version "1.22.0"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz"
@@ -1224,6 +1251,16 @@ vant@^4.0.0-alpha.3:
     "@vant/popperjs" "^1.1.0"
     "@vant/use" "^1.3.6"
+vconsole@^3.14.6:
+  version "3.14.6"
+  resolved "https://mirrors.cloud.tencent.com/npm/vconsole/-/vconsole-3.14.6.tgz#74cbbf9c14e66d26325958cee8a9e8c4086a5115"
+  integrity sha512-8Ffk2SfNe6EzKqZ0aNnNjpAVBVT7zgJo81lYEJdKySYLVYBeSawdSkWi9fSjDg3WsQhgS1vNPmRqJDTuwdVbnQ==
+  dependencies:
+    "@babel/runtime" "^7.17.2"
+    copy-text-to-clipboard "^3.0.1"
+    core-js "^3.11.0"
+    mutation-observer "^1.0.3"
+
 vite-plugin-dynamic-import@^0.9.5:
   version "0.9.5"
   resolved "https://mirrors.cloud.tencent.com/npm/vite-plugin-dynamic-import/-/vite-plugin-dynamic-import-0.9.5.tgz#71b4cadcff81c017b873e0668164e445db16a647"
@@ -1243,7 +1280,7 @@ vite-plugin-mp@^1.5.2:
 vite-plugin-style-import@1.4.1:
   version "1.4.1"
-  resolved "https://registry.yarnpkg.com/vite-plugin-style-import/-/vite-plugin-style-import-1.4.1.tgz#47a66920cce5484640f2faacd73190aac0b91b94"
+  resolved "https://mirrors.cloud.tencent.com/npm/vite-plugin-style-import/-/vite-plugin-style-import-1.4.1.tgz#47a66920cce5484640f2faacd73190aac0b91b94"
   integrity sha512-lJCRvm7+So0hHdnSJiJPg9gD5mxtL6YY0jmhEph+k7ArpsyvqOh6han2kG5htbWWDZxHkUN9d1BuTFL//yCLLQ==
   dependencies:
     "@rollup/pluginutils" "^4.1.2"
@@ -1261,6 +1298,11 @@ vite-plugin-utils@^0.1.0:
     acorn-walk "^8.2.0"
     fast-glob "^3.2.11"
+vite-plugin-vconsole@^1.2.1:
+  version "1.2.1"
+  resolved "https://mirrors.cloud.tencent.com/npm/vite-plugin-vconsole/-/vite-plugin-vconsole-1.2.1.tgz#395da6a6c868e139d93782102fb4275f4ed99119"
+  integrity sha512-e5gWF94UROxNWRFQFQZZ+fhKU1/QHV8HAyhJnW5YfdQ7Pgh+cCiEhH5lJ1nBeTc+mnNFdaM5BBP1XlwyzLUspg==
+
 vite@^2.8.6, vite@^2.9.9:
   version "2.9.9"
   resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.9.tgz#8b558987db5e60fedec2f4b003b73164cb081c5e"