什么！这个工具居然支持Vue3了！这款移动端调试工具 Vue-Vconsole-devtools 兼容Vue3了！告别繁

Vue3已经稳定迭代至今，已经生产可用了。不少项目已经升级到了Vue3，在开发中调试工具不可或缺，Vue-devtools也已经迭代到6.0.0.beta15

之前给大家介绍的免安装、适用于移动端的Debug的插件也迎来更新。了解详情，戳->这里

Github 地址，Star一下不迷路

Preview

桌面使用：

屏幕录制2021-09-10 16.53.29.gif

移动端使用：

立即体验

CodePen Sample Code for Vue2

CodePen Sample Code for Vue3

更新功能介绍：

支持Vue3
兼容Vue2
优化移动端交互
支持同时调试多个App实例
支持最新的插件系统
兼容Safari
兼容微信浏览器
兼容阿里MPass等第三方容器 ...

使用方式

依旧两种，CDN引入和NPM包引入

NPM:

yarn add vconsole && yarn add vue-vconsole-devtools

import VConsole from "vconsole"
import { initPlugin } from 'vue-vconsole-devtools'
initPlugin(new VConsole())

CDN:

<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-vconsole-devtools@1.0.5/dist/vue_plugin.js"></script>
<script>
  var vConsole = new window.VConsole();
  const Devtools = window.vueVconsoleDevtools["default"];
  Devtools.initPlugin(vConsole);
</script>

这次升级趟了不少坑，后续文章中再总结，希望小伙伴们能利用这个工具快速解决你的BUG！