Sublime Text2插件之 – JSON格式化_呼呼_新浪博客

seofangfa 其他杂项评论1,447阅读模式
摘要[背景]

[背景]

涉及到JSON格式数据的开发过程中,常常会为一长串未格式化的JSON数据而看的眼花,如下图所示,脑袋是不是大了Sublime Text2插件之 – JSON格式化_呼呼_新浪博客-图片1。因此寻找一款格式化工具就来的非常必要。

Sublime Text2插件之 – JSON格式化_呼呼_新浪博客-图片2
[工具比较]

Sublime
Text2编辑器作为后起之秀,有着非常出色的跨平台体验,这里就找到了2款基于Sublime2插件的JSON格式化工具:Tidy和JsFormat,做了一下比较,如下所示,前者的数组排版更加容易接受。

  • 可惜如果Tidy的安装步骤说明,在windows下并不能成功安装,所以以下只演示Mac机上的步骤。
  • 需要在Windows上使用的童鞋,请安装JSFormat(https://github.com/jdc0589/JsFormat)

Sublime Text2插件之 – JSON格式化_呼呼_新浪博客-图片3

[Mac上的安装步骤]

Tidy就是要安装的插件,详细步骤在这个链接(https://gist.github.com/1138554)里都有,我再唠叨一遍。

  1. 首先点击下载,解压后把解压文件拷贝到“~/Library/Application
    Support/Sublime Text 2/Packages/User
    ”路径下。Sublime Text2插件之 – JSON格式化_呼呼_新浪博客-图片4
  2. 从菜单打开“Key-Bindings Default”文件。Sublime Text2插件之 – JSON格式化_呼呼_新浪博客-图片4
  3. 添加如下快捷键映射

    { "keys": ["ctrl+shift+x"], "command": "tidy_xml"
    },

    { "keys": ["ctrl+shift+j"], "command": "prettify_json"
    }, 
    Sublime Text2插件之 – JSON格式化_呼呼_新浪博客-图片5
     

[使用方法]

全选,Fn+Shift+j, 就格式化好了。

如果json数据本身不完整(如括号不匹配),需要先更正后才能转换成功。

*注意以下两点,初次使用时容易有误解:

  • 对象(Ojbect)是一个无序的“‘名称/值’对”集合{},格式化是基于NSDictionary实现的,默认按照首字母顺序排列,和格式化前的顺序是不一样的。
  • 只有数组(Array)[]是基于NSArray,才是有序的。

文章末尾固定信息

weinxin
我的微信
我的微信
微信扫一扫
 
seofangfa
  • 本文由 seofangfa 发表于 2016年6月17日15:32:55
  • 转载请务必保留本文链接:https://wp.fangfa.me/other-note/sublime-text2%e6%8f%92%e4%bb%b6%e4%b9%8b-json%e6%a0%bc%e5%bc%8f%e5%8c%96_%e5%91%bc%e5%91%bc_%e6%96%b0%e6%b5%aa%e5%8d%9a%e5%ae%a2.html
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证