uni-app 使用vconsole.log

来自：http://events.jianshu.io/p/06ae7754bfe4  侵删

1. 下载与安装vconsole

1.1 选中你的项目，弄出终端，输入以下命令：npm install vconsole

npm install vconsole

cnpm install vconsole

 

下载成功.png

2. 引用vconsole，找到main.js文件中，加上以下代码：

// #ifdef H5
// 提交前需要注释  本地调试使用
const vconsole = require('vconsole')
Vue.prototype.$vconsole = new vconsole() // 使用vconsole
// #endif

 

引入vconsole.png

3. 运行项目之后，右下角会有【vConsole】出现，如下图：

 

vConsole.png

3.1 点击【vConsole】会出现下图：

 

vConsole.png

这样就可以使用vconsole来调试了。

作者：李赫尔南
链接：http://events.jianshu.io/p/06ae7754bfe4
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。