uniapp引入VConsole

npm引入

# 使用 npm
npm install vconsole --save-dev

# 或者使用 yarn
yarn add vconsole --dev

// main.js 或 main.ts
import { createApp } from 'vue'
import App from './App.vue'
import './uni.scss'

const isDev = process.env.NODE_ENV === 'development'

// 设备检测函数
function isMobile() {
    const ua = navigator.userAgent || navigator.vendor || window.opera
    // 常见的移动端 User-Agent 标识
    return /android|iphone|ipad|iPod|blackberry|iemobile|opera mini/i.test(ua.toLowerCase())
}

if (isDev && isMobile()) {
    // 动态导入 vConsole
    import('vconsole').then(module => {
        const VConsole = module.default
        const vConsole = new VConsole()
        // 监听应用卸载事件
        window.addEventListener('unload', () => {
            vConsole.destroy()
        })
    }).catch(err => {
        console.error('vConsole 加载失败:', err)
    })
} else {
    // 非移动端或非开发环境下正常创建应用
    createApp(App).mount('#app')
}

cdn引入

<script src="https://cdn.jsdelivr.net/npm/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // 初始化 vconsole
  var vConsole = new VConsole();
</script>