Mac下Sublime Text格式化JSON

JavaScript017

Mac下Sublime Text格式化JSON,第1张

工作中经常用到JSON数据,用Sublime Text格式化JSON以便查看数据。格式化JSON需要安装Pretty Json插件。以mac为例,windows的只是部分按键不同。步骤如下: 步骤一:安装插件管理工具Package Control(以命令安装方式为例,其他方式可直接参考 官方地址 ) 打开命令选项板,mac下的快捷键:command+shift+p,输入以下命令: 回车后稍等几秒,安装完成自动弹出以下界面: 步骤二:安装Pretty Json插件 在以上界面输入Pretty Json,回车等待安装完成。 步骤三:测试JSON格式化 选中JSON数据,按command+shift+p打开命令选项版,输入pretty,找到Pretty Json: Format JSON,按回车后数据就格式化好了。 附加:进行完步骤三其实就能格式化了,但是总是输入命令不太方便,我们可以设置格式化快捷键:以 control+command+j 为例。 打开Sublime Text,依次点击左上角菜单Sublime Text->Preferences->Key Bindings,出现以下文件: 左边的是Sublime Text默认的快捷键,不可编辑。右边是我们自定义快捷键的地方,在中括号中加入以下数据并保存: 按照步骤三的数据测试快捷键,能成功格式化JSON数据。 (文章有帮到您烦请点个赞吧~)

我们运用EditPlus查看JSON语言的时候,需要对JSON进行格式化处理。那么能不能在EditPlus中设置JSON的一键格式化功能呢?这当然是可以的,下面我就给大家分享一下如何设置这项功能。

工具/材料

EditPlus

首先我们打开EditPlus软件,点击顶部的Tools菜单,然后选择下来菜单中的Configure User Tools选项,如下图所示

接下来会弹出Preferences界面,我们点击Group Name按钮,如下图所示

在弹出的Rename Group界面中我们给新建的Group起一个名字,如下图所示

然后点击Add Tool按钮,在右侧出现的下来菜单中选择Program选项,如下图所示

接下来就需要下载json格式化的脚本文件了,如下图所示,下载好了以后将脚本文件拷贝到EditPlus的安装目录下面

然后我们在JsonFormat的格式化参数中安如下图所示的方式进行配置即可

配置完毕以后,回到EditPlus主界面,编写一个未格式化的JSON串,然后点击Tools菜单,接着点击下拉选项中的JsonFormat选项,如下图所示

最后你会看到,刚才编写的未格式化的JSON串已经被格式化了,如下图所示

JsonHero是一款开源的JSON可视化工具,目前在Github已有2.9K+Star,通过JsonHero可以非常方便地查看JSON数据,它支持列视图、树视图和编辑视图,总有一款适合你!

JsonVisio是一款简洁易用的JSON可视化工具,目前在Github已有4.1K+Star,可以支持JSON格式化、编辑和校验,并且能根据JSON生成树状图。

通过使用上面两种JSON可视化工具,就算只使用Swagger来调试接口也不愁了!细心的小伙伴应该可以发现,JsonHero只支持查看JSON,并不支持编辑,所以编辑JSON还得使用JsonVisio。不过项目作者在Issues里面回复到,以后版本会进行支持。