首页 > 代码库 > Sublime Text 套件介紹(四):Pretty JSON

Sublime Text 套件介紹(四):Pretty JSON

JSON,一個輕量級的資料交換語言,目前許多網站AJAX request的回應結果都是JSON格式
 
以下是一個標準的JSON格式
 
{     "firstName": "John",     "lastName": "Smith",     "male": true,     "age": 25,     "address":      {         "streetAddress": "21 2nd Street",         "city": "New York",         "state": "NY",         "postalCode": "10021"     },     "phoneNumber":      [         {           "type": "home",           "number": "212 555-1234"         },         {           "type": "fax",           "number": "646 555-4567"         }     ] }
 
但是現實是殘酷的,往往你都看不到這麼好看懂得JSON格式,通常你只會看到下面這樣
 
{"firstName":"John","lastName":"Smith","male":true,"age":25,"address":{"streetAddress":"21 2nd Street","city":"New York","state":"NY","postalCode":"10021"},"phoneNumber":[{"type":"home","number":"212 555-1234"},{"type":"fax","number":"646 555-4567"}]}
 
如果當中有非英文語系的文字,那就更慘了,如下面所示
 
{"ret":{"status":"false","msg":"\u9801\u9762\u5df2\u904e\u671f\uff0c\u8acb\u91cd\u6574\u8a72\u9801\u9762"}}
 
全部都變成Unicode編碼拉…只有電腦才看得懂這啥鬼…
 
在一般的情況下可能要丟到JSON Parser Online或是JSON Pretty Print等網站去解析
 
在不然就是透過Browser的Console去解碼
 
技术分享
 
總之,解碼的方式有很多種,接下來就是要介紹怎麼透過Sublime Text直接解析JSON格式
 
原始格式
 
技术分享
 
結果
 
技术分享
 
熱鍵:CTRL + ALT + J
 
Pretty JSON GitHub: https://github.com/dzhibas/SublimePrettyJson
 
詳細安裝步驟,請繼續往下看
 
 
 
  • 重点
  • 讨论
 
1.
請先確認已經安裝好Package Control

未安裝的話請看:安裝第一個Sublime Text套件

2.
按下CTRL + SHIFT + P並且輸入Package Control: Install Package
3.
在輸入Pretty JSON,按下ENTER完成安裝
4.
按下Preferences > Package Settings > Pretty JSON > Settings - Default?調整設定
5.
以下是設定,預設的就很好用了,沒甚麼好額外設定的
 
 

Sublime Text 套件介紹(四):Pretty JSON