解决console.log输出的被省略为...的问题（以及hbuilder自定义代码块的使用）

刺骨的言语ヽ痛彻心扉 2022-12-23 06:50 134阅读 0赞

很多时候我们都需要使用`console.log()`输出一下数据  
但是在用`console.log()`输出对象数据的时候，对象数据会被省略为…

![在这里插入图片描述][20201123134301902.png_pic_center]

需要点一下，数据才会显示出来

![在这里插入图片描述][20201123134341339.png_pic_center]

这非常的不方便

其实只要使用`console.log(JSON.parse(JSON.stringify()))`来输出数据，数据就会自动显示，不会被省略为…

![在这里插入图片描述][20201123134619753.png_pic_center]

如果你觉得，要打这么一长串代码才能输出想要的数据很麻烦，可以尝试使用各大编译器的“自定义代码块功能”，只要输入特定的前缀，就可自动补全一长串代码

我使用的编译器是hbuild，我介绍一下在hbuilder里使用自定义代码块的方法

工具 / 代码块设置 / 你需要定义的代码块类型  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv_size_16_color_FFFFFF_t_70_pic_center]  
里边会有详细的使用说明，再次不过多赘述  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv_size_16_color_FFFFFF_t_70_pic_center 1]  
最后奉上`console.log(JSON.parse(JSON.stringify()))`的自定义代码快

"console.log(JSON)": { 
    	"prefix": "conj",
    	"body": [
    		"console.log(JSON.parse(JSON.stringify($1)))"
    	]
    },

触发词是`conj`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv_size_16_color_FFFFFF_t_70_pic_center 2]

[20201123134301902.png_pic_center]: /images/20221120/b816bc01e9bf4f0fb5ffdcf58d166ff7.png
[20201123134341339.png_pic_center]: https://img-blog.csdnimg.cn/20201123134341339.png#pic_center
[20201123134619753.png_pic_center]: https://img-blog.csdnimg.cn/20201123134619753.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20201123134944663.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20201123135228181.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20201123135618219.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb3NpeG5vdHdv,size_16,color_FFFFFF,t_70#pic_center