yl-vconsole-plugin

一个vconsole插件

Usage no npm install needed!

<script type="module">
  import ylVconsolePlugin from 'https://cdn.skypack.dev/yl-vconsole-plugin';
</script>

README

一个vconsole插件

如下图所示

image.png

可以使用的功能

  • 可以显示当前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)
        }
    }
}