VSCode使用插件美化json数据格式

前言:

程序产生的json文件直接用VSCode打开时是直接一行显示,不方便阅读,下面介绍三种可以美化json数据的显示格式的插件JSON Tools、Prettfiy JSON、Pretty js/json。

插件安装方式:

点击VSCode最左列中的Extensions,在搜索框里查询想要安装的插件名即可,如图:

VSCode使用插件美化json数据格式_第1张图片

创建的json数据:

就是把一份数据复制了很多遍来凑长度

在这里插入图片描述

转换后的显示效果:

VSCode使用插件美化json数据格式_第2张图片

Tips:完成数据格式转换后可按下Alt+M取消数据格式转变效果

JSON Tools使用方式:

1.Ctrl+Alt+M

VSCode使用插件美化json数据格式_第3张图片

Prettify Json使用方式:

1.Ctrl+Shift+P

2.在出现的搜索框中输入 Prettify JSON

VSCode使用插件美化json数据格式_第4张图片

VSCode使用插件美化json数据格式_第5张图片

Pretty js/json使用方式:

1.对要进行格式转换的文件进行全选(Ctrl+A)

2.Ctrl+Shift+P

3.在出现的搜索框中输入 prettyJson

VSCode使用插件美化json数据格式_第6张图片
VSCode使用插件美化json数据格式_第7张图片

结语:

就本文提到的转换数据格式的作用来说,JSON Tools使用最简便,只需要一次按快捷键就可以。

内容如有错误,敬请指正!

你可能感兴趣的:(json,vscode)