欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vconsole-vue移动端调试工具&微信开发者工具

程序员文章站 2022-06-03 23:14:35
...

前言:在做微信公众号的项目,由于需要微信环境,只能在微信中打开,但是手机端不能看到调试页面的内容

1 安装vsoncole

npm install vconsole

2 引入(index.js或者main.js)

import vConsole from 'vconsole'
Vue.prototype.$vConsole= new vConsole()

3 运行之后,报错发现缺少对应的.min.js,在index.html中引入

<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>

4 在需要的地方console.log(***)即可

后来感觉老是在手机上调试还是不方便,于是在电脑上安装了微信环境:
传送:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Web_Developer_Tools.html
点击第六个下载对应的版本
vconsole-vue移动端调试工具&微信开发者工具
安装之后,按文档进行操作即可,以上就可在手机上调试了,很方便

相关标签: vue vue 小程序