2010-09-09 4 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 
     }, 
     {} 
    ] 
    ] 
} 

Какую бы я найти не должен делать это точно так же, но смотреть на то, что затмение, построенный в форматировщиком делает:

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 
    }, 
    {} 
    ] 
    ] 
} 

Th ey обеспечивают нулевую помощь в визуализации структуры моей структуры данных. Кто-нибудь знает о достойном форматировании? Пожалуйста.

+0

Я должен добавить, что мне не нужны инструменты, доступные только для окон. Я работаю над os x и ubuntu в основном и только на окнах, когда мне действительно нужно. – einarmagnus

ответ

2

WebStorm/PhpStorm/IntelliJ IDEA

Просто сделал быструю проверку в моем PhpStorm: Я вставил код из примера «Eclipse», побежал код -> код Переформатировать и он дал мне код, как вы сделало бы это вручную (единственное отличие состоит в том, что он обертывает двоеточия пробелами с обеих сторон)

+0

Можете ли вы показать результат? Может быть интересно посмотреть –

+0

вот мой скриншот: http://lh4.ggpht.com/_rUMy9XR_FLU/TIiwBy08uNI/AAAAAAAAAGE/DDdtYHIQSVc/phpstorm-js-test.PNG –

+0

Выглядит неплохо. Большой недостаток заключается в том, что веб-штурм составляет около 60 евро, и он довольно застенчив при вставке строк, которые оставляют много ручной работы, помогая исправить то, что затмение сделало с моим кодом. – einarmagnus

0

Я думаю, что JS Beautifier с включенными «скобами на собственной линии», по крайней мере, близко.

+0

в основном, как инструменты обрабатывают массивы, которые я не могу преодолеть. – einarmagnus

Смежные вопросы