Sublime Text 套件介紹：Pretty JSON

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.

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



转载自：http://www.camdemy.com/media/7427