yl-vconsole-plugin

一个vconsole插件

如下图所示

可以使用的功能

• 可以显示当前url
• 可以进行环境的切换
• 可以Reload当前页面

使用方法

npm install yl-vconsole-plugin -S

yarn add yl-vconsole-plugin

import VConsole from 'vconsole';
import VConsoleYlPlugin from 'yl-vconsole-plugin';
const vConsole = new VConsole();
const plugin = new VConsoleYlPlugin(vConsole);

项目里的使用方法：

import domain from '@/utils/DOMAIN'

// jsBridge插件
export default {
    async install(Vue, { use_console = true } = { use_console: true }) {
        // 异步导入控制台
        if (
            use_console &&
            !domain.IS_PRO &&
            !domain.IS_PRO_HK &&
            !domain.IS_USMART
        ) {
            const { default: VConsole } = await import(
                /*webpackChunkName: "VConsole"*/ 'vconsole'
            )
            const { default: VConsoleYlPlugin } = await import(
                /*webpackChunkName: "yl-vconsole-plugin"*/ 'yl-vconsole-plugin'
            )
            const vconsole = new VConsole()
            window.VConsole = VConsole
            new VConsoleYlPlugin(vconsole)
        }
    }
}