concent-web-devtool-pro v0.1.5

一个从concent使用中抽取出来的小插件工具

1.只能用于concent
2.可直接修改状态,同步的
3.快捷的复制操作,再也不怕写错单词了
4.可清除状态
5.state、computed、reducer、logger多的不多，可能刚好
6.还算比较多的主题自由选择

一个实例

使用指南

安装

npm install concent //已安装无视
npm install concent-web-devtool-pro
//or
yarn add concent //已安装无视
yarn add concent-web-devtool-pro

注入 concent

// 在你 run 接口启动concent的地方
import concentWebDevToolPro from 'concent-web-devtool-pro';
run(
    {}, //your models
    {
        plugins: [
            // ...
            concentWebDevToolPro,
        ],
        //...
    }
);

快捷键

// 控制面板显示隐藏
Esc
 ?  1
Tab

如何修改一些选项

// 1.不想显示右上角默认的按钮?
// emit必须是从concent导入的全局的
import { cst, emit } from 'concent';
emit(cst.WEB_DEVTOOL_PRO_PARAMS_SHOW_BTN, false);
// 2.想更改个快捷按键?
import {cst} from 'concent';
cst.WEB_DEVTOOL_PRO_PARAMS_KEYCODE = 你想指定的按键的keCode
// 3.不想每次手动关闭面板?鼠标操作非面板区域自动关机
import {cst} from 'concent';
cst.WEB_DEVTOOL_PRO_PARAMS_ROOTDOMCLASS = true;