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

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

2.

按下 CTRL + SHIFT + P並且輸入 Package Control: Install Package

3.

在輸入 Pretty JSON，按下 ENTER完成安裝

4.

按下 Preferences > Package Settings > Pretty JSON > Settings - Default​調整設定

5.

以下是設定，預設的就很好用了，沒甚麼好額外設定的