移动端调试工具:vconsole的使用

第一种方式:

1、安装

npm install vconsole --save

2、新建vconsole.js

import VConsole from 'vconsole';
let vconsole = new VConsole();
export default vconsole;

3、main.js引入

import vConsole from './vconsole'

第二种方式:

通过js的方式引入,在app.vue中引入的

onShow: function() {
    this.initVConsole();
},
methods: {
    initVConsole() {
        const oScript = document.createElement('script');
        oScript.type = 'text/javascript';
        oScript.src = 'https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js';
        oScript.onload = this.initObj;
        document.body.appendChild(oScript);
    },
    initObj() {
        const vConsole = new VConsole();
        console.log('vconsole');

效果图

移动端调试工具:vconsole的使用_第1张图片

你可能感兴趣的:(H5,开发环境搭建,前端)