2010-09-09 64 views
1

我正在尋找一個爲我設置javascript格式的工具。有很多時候,我希望我可以讓工具格式化我的源代碼,因爲重構了一些代碼,或者因爲我想確保代碼結構真的像我相信的那樣。我的問題是我發現的所有格式化程序都產生了真正的延遲結果。有沒有一種格式化JavaScript的工具不吸?

如果我格式化源自己,我會格式化這樣的:

var structure = { 
    key1: { 
    subkey1: 3, 
    subkey: 6, 
    sublist: [ 
     { 
     deep: "yes" 
     }, 
     { 
     deep: "yes", 
     somekey: 4 
     }, 
     5, 
     10   
    ] 
    }, 
    key2: [ 
    { 
     key: 5, 
     key2: 10 
    }, 
    [1, 2, 3], 
    [ 
     { 
     nestedObj: "hello", 
     siblingProp: 5 
     }, 
     {} 
    ] 
    ] 
} 

任何工具,我覺得沒有這樣做完全一樣的方式,但看看建於格式化做什麼Eclipse的:

var structure = { 
    key1 : { 
     subkey1 : 3, 
     subkey : 6, 
     sublist : [{ 
        deep : "yes" 
       }, { 
        deep : "yes", 
        somekey : 4 
       }, 5, 10] 
    }, 
    key2 : [{ 
       key : 5, 
       key2 : 10 
      }, [1, 2, 3], [{ 
         nestedObj : "hello", 
         siblingProp : 5 
        }, {}]] 
} 

還是一個我Aptana的插件獲得(3.0測試版)

var structure = { 
    key1: { 
     subkey1: 3, 
     subkey: 6, 
     sublist: [ 
     { 
      deep: "yes" 
     }, 
     { 
      deep: "yes", 
      somekey: 4 
     }, 
     5, 
     10 
     ] 
    }, 
    key2: [ 
    { 
     key: 5, 
     key2: 10 
    }, 
    [1, 2, 3], 
    [ 
    { 
     nestedObj: "hello", 
     siblingProp: 5 
    }, 
    {} 
    ] 
    ] 
} 

釷在提供數據結構的可視化結果時,它提供了零幫助。 有誰知道一個體面的格式化程序?請。

+0

我要補充一點,我不感興趣,僅適用於Windows的工具。我主要在os x和ubuntu上工作,只有在我真的必須在windows上工作。 – einarmagnus 2010-09-09 09:35:23

回答

2

WebStorm/PHPStorm/IntelliJ IDEA的

只是在我的PHPStorm做了一個快速檢查:我從粘貼「月食」示例代碼,代碼運行 - >重新格式化代碼,它給我的代碼,就像你會做手工(唯一的區別是,它包裝冒號用空格雙方)

+0

你能顯示結果嗎?可能是有趣的,看看 – 2010-09-09 09:54:17

+0

這裏是我的截圖:http://lh4.ggpht.com/_rUMy9XR_FLU/TIiwBy08uNI/AAAAAAAAAGE/DDdtYHIQSVc/phpstorm-js-test.PNG – 2010-09-09 10:01:00

+0

看起來不錯。最大的缺點是webstorm約爲60歐元,插入換行符時會相當害羞,這會導致大量的手動工作來解決日食對我的代碼所做的工作。 – einarmagnus 2010-09-09 10:31:21

0

我覺得JS Beautifier啓用了「關於自己的行括號」來至少接近。

+0

這主要是這些工具如何處理我無法克服的數組。 – einarmagnus 2010-09-09 09:33:27

相關問題