@megalo/devtool
<p align="center"> <a href="https://codecov.io/gh/megalojs/megalo-devtool"> <img src="https://img.shields.io/npm/v/@megalo/devtool.svg?style=for-the-badge" /> </a> </p>
Last updated a year ago by elcarim5efil .
ISC · Original npm · Tarball · package.json
$ cnpm install @megalo/devtool 
SYNC missed versions from official npm registry.

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,开始使用调试

界面

image

image

Current Tags

  • 0.1.2                                ...           latest (a year ago)

10 Versions

  • 0.1.2                                ...           a year ago
  • 0.1.1                                ...           a year ago
  • 0.1.0                                ...           a year ago
  • 0.0.7                                ...           a year ago
  • 0.0.6                                ...           a year ago
  • 0.0.5                                ...           a year ago
  • 0.0.4                                ...           a year ago
  • 0.0.3                                ...           a year ago
  • 0.0.2                                ...           a year ago
  • 0.0.1                                ...           a year ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (9)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |