Sublime Text 套件介紹(四):Pretty JSON
http://www.camdemy.com/media/7427
JSON,一個輕量級的資料交換語言,目前許多網站AJAX request的回應結果都是JSON格式
以下是一個標準的JSON格式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
{ "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格式,通常你只會看到下面這樣
1
|
{ "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" }]}
|
如果當中有非英文語系的文字,那就更慘了,如下面所示
1
|
{ "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
2.
按下CTRL + SHIFT + P並且輸入Package Control: Install Package
3.
在輸入Pretty JSON,按下ENTER完成安裝
4.
按下Preferences > Package Settings > Pretty JSON > Settings - Default調整設定
5.
以下是設定,預設的就很好用了,沒甚麼好額外設定的