JSON Tools

装个 JSON Tools 这个插件,然后再:Ctrl(Cmd)+Alt+M ;

然后再装一个 Paste JSON as Code 插件,数据保存为.json,就好看的一笔了;

Pretty JSON

在VSCODE中打开JSON文件,未格式化之前所JSON的数据全部都是贴在一起的,非常不容易阅读。

VSCODE安装美化JSON插件-冯金伟博客园

点击编辑器左边侧栏的最底下的四四方方的按钮后打开安装扩展程序窗口。

VSCODE安装美化JSON插件-冯金伟博客园

VSCODE安装美化JSON插件-冯金伟博客园

安装JSON美化插件

在插件搜索框内搜索json并找到【Pretty JSON】插件,点击插件右下方的【Install】按钮进行安装。

VSCODE安装美化JSON插件-冯金伟博客园
VSCODE安装美化JSON插件-冯金伟博客园

格式化JSON文件,在JSON文件内打开右键菜单会发现多了一个选项【Format Document】快捷键为【ALT+SHILF+F】。这时就可以格式美化JSON数据啦。

VSCODE安装美化JSON插件-冯金伟博客园
VSCODE安装美化JSON插件-冯金伟博客园
 

注释:

1.如果vscode里面无法直接安装插件,可以访问官方网站直接安装    
https://marketplace.visualstudio.com/search?target=VSCode&category=All%20categories&sortBy=Installs
 
2.如果需要自动格式化JSON,需要读取的文件类型为json格式才可以