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很像。

相关推荐
天蓝色的鱼鱼12 小时前
从“死了么”到“我在”:用uniCloud开发一款温暖人心的App
前端·uni-app
小徐_233312 小时前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
前端·uni-app
CHB1 天前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark
uni-app·harmonyos
anyup1 天前
月销 8000+,uView Pro 让 uni-app 跨端开发提速 10 倍
前端·uni-app·开源
willow5 天前
uniapp实战
uni-app
只会cv的前端攻城狮5 天前
兼容性地狱-Uniapp钉钉小程序环境隔离踩坑实录
前端·uni-app
codingWhat6 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
小时前端8 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li8 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup8 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos