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

可视化创建的项目,在插件市场找不到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很像。

相关推荐
华玥作者14 小时前
Vue 3 + TypeScript + uni-app 组件库推荐:hy-app(华玥组件库)
vue.js·typescript·uni-app
FinelyYang15 小时前
uniapp使用kkfileview在线预览ppt,excel,word,pdf类型文件
pdf·uni-app·powerpoint
2501_9160088916 小时前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
ModyQyW1 天前
vite-plugin-uni-manifest 0.7:在 uni-app 读取之前生成
前端·uni-app
lyz2468591 天前
uniapp vue3 小程序开发注意事项
uni-app
雪芽蓝域zzs2 天前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
普通人62 天前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html
PedroQue993 天前
0.8.2 新增 backFallback 配置,无 tabbar 页返回无忧
前端·uni-app
PedroQue994 天前
v0.2.0 架构升级:class + reactive 重塑状态管理
前端·uni-app
CHB6 天前
别再问uni-app x蒸汽模式是否成熟了,已经有大量App案例上架应用商店了
uni-app