uni-app 可视化创建的项目 移动端安装调试插件vconsole

文章讲述了在uni-app项目中寻找不到vconsole插件时,作者通过创建cli脚手架项目并安装vconsole,然后将插件文件复制到uni_modules下,并在main.js中引入和使用的过程。这种方法使得可以在H5环境中查看类似微信小程序的debug日志。
摘要由CSDN通过智能技术生成

 可视化创建的项目,在插件市场找不到vconsole插件了。

又不好npm install vconsole

换个思路,先创建一个cli脚手架脚手架的uni-app项目,然后再此项目上安装vconsole

cli脚手架创建uni-app项目 安装插件

项目Terminal运行命令:npm install vconsole  

安装完成之后,插件在node_modules/vconsole

安装完成之后,把卡面这个vconsole的包拷贝到原来的项目uni_module下面 ,

main.js加上引入

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

 运行项目:

可以愉快的看LOG了,跟微信小程序的debug很像。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值