2010-09-09 4 views
1

Je suis à la recherche d'un outil pour formater mon javascript. Il y a plusieurs fois où je voudrais juste laisser un outil formater mon code source à cause de la restructuration d'un code ou parce que je veux m'assurer que la structure du code est vraiment comme je le crois. Mon problème est que tous les formateurs que j'ai trouvés produisent des résultats très retardés.Existe-t-il un outil de formatage de javascript qui ne craint pas?

Si je formate la source moi-même je forme comme ceci:

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

Quel que soit l'outil que je trouve ne pas le faire de la même façon, mais regardez ce qui éclipse construit en formatter fait:

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

Ou celui que je reçois avec le plugin Aptana (3.0 beta)

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 Ils ne fournissent aucune aide pour visualiser la structure de ma structure de données. Est-ce que quelqu'un sait d'un formateur décent? S'il vous plaît.

+0

Je devrais ajouter que je ne suis pas intéressé par les outils disponibles uniquement pour les fenêtres. Je travaille surtout sur os x et ubuntu et uniquement sur windows quand je le dois vraiment. – einarmagnus

Répondre

2

WebStorm/PHPStorm/IntelliJ IDEA

vient de faire une vérification rapide dans mon PHPStorm: j'ai collé votre code d'exemple "Eclipse", a couru Code -> Code reformater et il m'a donné le code, comme vous le ferais manuellement (la seule différence est qu'il encapsule les deux-points avec des espaces des deux côtés)

+0

Pouvez-vous montrer le résultat? Peut-être intéressant de voir –

+0

voici ma capture d'écran: http://lh4.ggpht.com/_rUMy9XR_FLU/TIiwBy08uNI/AAAAAAAAAGE/DDdtYHIQSVc/phpstorm-js-test.PNG –

+0

On dirait bien. Le gros inconvénient est que le webstorm coûte environ 60 euros, et il est plutôt timide sur l'insertion de sauts de ligne qui laisse beaucoup de travail manuel pour aider à corriger ce que l'éclipse a fait à mon code. – einarmagnus

0

Je pense que le JS Beautifier avec "accolades sur la ligne propre" est au moins proche.

+0

c'est surtout comment les outils gèrent les tableaux que je ne peux pas surmonter. – einarmagnus

Questions connexes