網頁

2012年5月29日 星期二

Sublime Text 2 - Packages 介紹 - 關於 JSON 與 XML 格式


一段時間沒有寫有關 Sublime Text 2 的文章了,所以今天就介紹兩個有關 JSON 與 XML 格式整理的 Packages,

有些人看到被 Minifer 過的 JSON, XML 資料會覺得很礙眼,因為很不好辨識,

所以對資料格式有嚴重潔癖的人來說,接下來所介紹的兩個 Packages 就會有很大的幫助了。

 


SublimePrettyJson

https://github.com/dzhibas/SublimePrettyJson

這個套件的功能就只有一種,就是讓你的 JSON 資料格式整理為整齊、漂亮的格式,

而功能只有單向,就是說你只能從未整理前的不整齊格式變成整理後有整齊的格式,卻無法反向變回原來不整齊的樣子,

快速鍵:CTRL + ALT + J

 

看看以下的截圖

原來是有 Minifier 的 JSON 資料內容

image

使用 SublimePrettyJson 整理後

image

不過因為資料不再是 Minifier 的格式,所以原先還只有 775 Bytes 的檔案大小

image

使用過 SublimePrettyJson 重新整理過後,檔案大小就會變成 1.22 KB

image

 

有時候會從網路上取得 JSON 資料,如果沒有安裝 JSON Viewer 等瀏覽 JSON 資料的工具,

對於未被 Minifier 的內容是還可以清楚瀏覽,但是有經過 Minifier 處理的就不是那麼容易由肉眼來辨識,

此時就可以將 JSON 資料複製起來然後開啟 Sublime2 並且貼上 JSON 資料再執行 PrettyJSON,

就可以不必手動慢慢整理 JSON 資料或是硬著頭皮去看 Minifier 的 資料內容了。

 


Indent XML

https://github.com/alek-sys/sublimetext_indentxml

這個 package 則是把 XML 格式做整理,讓資料呈現有縮進的格式,

快速鍵:CTRL + K + F

 

使用前的 XML 內容

這樣的資料,我想只有電腦才看得懂,而人的肉眼要能夠一目了然,真的是有難度

image

未整理前的檔案大小

image

 

整理後的資料內容

使用 Indent XML 整理過後的資料就顯得整齊多了,而且人的肉眼就可以清楚辨識資料

image

整理後的檔案大小

image

嗯?這似乎是沒有變化……@@,不過 Indent XML 真的是整理 XML 資料內容格式的方便功能。

 


簡單介紹兩個 Packages,希望能夠對各位有所幫助!

 

以上

2 則留言:

  1. 那麼明顯的差距感覺一個是用 Tab 排版一個是用 空白排版

    回覆刪除
    回覆
    1. Indent XML 是用 Tab 來做縮進
      而 PrettyJSON 則是用空白,而 PrettyJSON 可以自定要用幾個空白來做縮進

      刪除