megalo-devtool
小程序调试工具，由于小程序 IDE 不方便安装插件，因此采用另开页面的方式来对 Vue 进行调试，参考 Vue Devtool 的功能。
目前支持功能：
- VM 数据查询
- VNode 数据查询
- 组件事件 数据查询
- Vuex Mutation 记录查询
目前支持平台：
- 微信小程序
- 字节跳动小程序
使用方法
添加 webpack 插件
const DevtoolPlugin = require('@megalo/devtool/webpack-plugin');
module.exports = {
plugins: [
new DevtoolPlugin({
// port: 12222, // 默认 12222
// host: 'xxx.xxx.xxx.xxx' // 默认取本地 ip 地址
}),
],
};添加 Vue 插件
import Vue from 'vue'
import DevtoolPlugin from '@megalo/devtool/vue-plugin';
Vue.use(DevtoolPlugin);调试
- 启动小程序工程构建
- 构建完成后，打开小程序 IDE
- 浏览器打开地址
http://localhost:12222，开始使用调试
界面
