更新记录

0.1.13(2023-09-22)

  1. 对 Boolean, undefined, null, Number 4种基本类型区分颜色显示

0.1.12(2023-08-26)

  1. 文档更新。眼瞎,数数数错了

0.1.11(2023-08-26)

  1. 小更新
查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

远程控制台 Console Slim

基于终端的远程调试工具。uniapp,H5 和 nvue 都可以使用。

无需配置,开箱即用,全端适配,原味体验

适用于无法用 HBuilder 进行调试的场景。不再忍受在内容页面与 debug 页面间切换痛苦。

让我们开始吧

零. 启动服务

  1. 使用 HBuilderX 导入,或手动下载插件包后解压到 uni_modules 目录下
  2. 初始化,在项目根目录下输入:
    node uni_modules/zui-remote-console/js_sdk/install.es.js
  3. 等待安装结束
  4. 运行 npm run console 开始体验吧 🍓

壹. 导入插件

  1. main.js文件顶部导入

    import RemoteConsole from "./uni_modules/zui-remote-console/js_sdk/client/client.es.js";
  2. 接下来输入

    RemoteConsole({
     // 如需在 nvue 页面中使用, 请设置为 true
    nvue: false
    });
  3. 以上为全部配置,请心情享用 🍉

  4. 以下为 nvue 页面配置,只需引入即可,无需额外代码:

    import './uni_modules/zui-remote-console/js_sdk/client/client-nvue.es.js'

贰. console.log

  1. 这还要写么 🍆

PS: 以上示例里的路径都是基于 HBuilder 创建的项目,如果是 cli 项目,则需要加上 src/

X. 关于启动脚本

启动脚本有三种,插件在初化结束后会根据以下逻辑来创建启动脚本:

  1. 项目根目录存在 package.json 文件,并且不存在名为 console 的脚本时,自动添加 console 脚本
    1. npm run console
  2. 在 1 不满足的情况下,检查项目根目录是否存在 console.sh 脚本,不存在则添加脚本
    1. sh console.sh
  3. 在 1,2 都不满足的情况下,仅在终端显示启动脚本
    1. cd uni_modules/zui-remote-console && npm run console
    2. cli 项目 cd src/uni_modules/zui-remote-console && npm run console

支持的方法

  • log
  • info
  • warn
  • error

颜色

对4种基本类型进行着色显示

类型 颜色
Number yellow
Boolean cyan
undefined magenta
null magenta

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问