在 Vue.js 3 中，当我们在控制台中打印一个 ref 数据时：
const loading = ref(false)
console.log(loading)
控制台会输出如下结果：
它其实就是代表 ref(false) 的意思，但显示的很不直观。当然，我们也可以输出 loading.value 的值，但有没有更加友好的方式，让我们能直接的输出 ref 呢？
其实，vue 已经帮我们完成了格式化输出，在vue的代码里能够找到 initCustomFormatter 函数，该函数就是用来在开发环境下美化输出用的。
为了能够启用该函数，我们需要在chrome的控制台配置窗口，启用自定义格式化程序、
这样，相同的代码，控制台就能直观的输出下面结果，非常清爽。
在 Vue.js 3 中，当我们在控制台中打印一个 ref 数据时： 控制台会输出如下结果： 它其实就是代表 re...
目标效果：开发环境，打印所有信息生产环境：warn，info，error，分别用不同文件保存spring.prof...
开发工具: 插件:什么都没有 打印结果: 效果 代码 效果 代码 打印
一、自定义打印的功能 开发模式下正常打印，生产模式下不打印。 二、自定义打印配置 三、代码 如下所示，其中#fil...
自定义LOG的最终目的：让打印信息在 DEBUG 的环境下打印，在 RELEASE 的环境下不打印 Swift中默...
CUPS相关知识，并尝试搭建驱动开发环境。由于目前没有实体打印机，使用cups-pdf打印机代替。 开发环境： L...
【Swift】自定义print函数打印出文件名、方法名、行号 输出的效果 输出效果
仅记录开发过程中遇到的问题 宏定义打印函数
在日常开发环境中，为了方便调试我们往往会加入许多console.log打印，但是我们不希望在生产环境中存在打印的值...
首先我们把环境 定义为一下四类 Local：本地开发环境、Dev：开发环境、Beta：QA的测试环境、Prod...
本文标题：开发环境下自定义打印效果
本文链接：https://www.haomeiwen.com/subject/pfbewrtx.html
网友评论