Meilleur éditeur JavaScript ou IDE avec IntelliSense et le débogage (éventuellement) ?

Question

Quel éditeur JavaScript est bon ? J’ai besoin de prise en charge IntelliSense pour le code JavaScript personnalisé aussi bien. Si elle prend en charge le débogage qui serait d’une grande valeur, et bien sûr j’en ai besoin.

J’ai cherché sur Internet et trouvé un peu, mais ils n’a pas fonctionné pour moi.

S’il vous plaît pouvez-vous suggérer un bon éditeur de JavaScript ?

Answer 1

WebStorm par JetBrains a quelques sérieux JavaScript et refactoring du muscle.

J'ai essayé de Coda, TextMate, Expresso, BBEdit, et Komodo. À l'exception de WebStorm, BBEdit et Komodo étaient les seuls qui étaient en mesure de comprendre l'auto-complétion de manière fiable, cependant, les deux ont pas de refactoring des installations. Le reste a été assez bien "muet", les éditeurs et pourrait offrir aucune aide, aucun d'achèvement et pas de refactoring. Seulement WebStorm pourrait faire le symbole de mettre en lumière.

NetBeans est mérite une mention spéciale. Il est sur le pair avec WebStorm en termes d'analyse de muscle et de refactoring, mais il n'a pas un type de projet pour la création de HTML et de JavaScript projets. Vous pouvez ajouter vos src dossier "Favoris" sans création d'un nouveau projet, et il fonctionne parfaitement. Cependant, entre les deux, WebStorm est clairement un plus ciblée et complète de produits pour les développeurs web.

Aussi, WebStorm semble être la dernière entrée et déjà il exécute des cercles autour de la compétition. Je pense que JetBrains ont pris leur IntelliJ IDEA Java IDE et dépouillé morceaux pour en faire un développeur web IDE de. Comme le résultat, le produit sent léger, mais mystérieusement puissant.

Answer 2

Visual Studio 2008 est loin d'être parfait pour l'édition de code JavaScript, mais c'est normal, surtout avec l' IntelliSense JavaScript correctif.

Visual Studio 2010 est censé avoir encore mieux IntelliSense JavaScript, mais je n'ai pas essayé moi-même encore. Vous pouvez prendre un coup d'oeil à la version bêta publique.

Concernant le débogage: Firebug résout qu'une partie presque parfaite. Il n'est pas intégré à l'IDE, mais en dehors de cela il y a très peu que j'ai pu critiquer à ce sujet. Il ne doit également pas mal d'autres choses en dehors de débogage JavaScript, donc c'est un must-have pour Ajax développeurs de toute façon.

Edit: Il a été un moment depuis que j'ai écrit cela... Maintenant, j'ai aussi installé le JSLint Visual Studio 2010 plugin. Il ajoute très stricte, mais souple de la vérification statique de vos scripts et est certainement recommandé. Aussi, la nouvelle ReSharper 6 aperçu est livré avec un peu de JavaScript IntelliSense et de refactoring.

Answer 3

(C'est une croix-réponse post)

NetBeans

J'ai essayé toutes les autres suggestions et mon vote va pour NetBeans, qui a été mentionnée. Cependant, la réponse n'a pas vraiment vous vendre sur les fonctionnalités que vous pouvez trouver dans NetBeans Wiki, JavaScript.

Il a:

• IntelliSense, y compris jQuery construit en
• Étendu (Eclipse) documentation pour les fonctions
• "Fonction et champ décrivant
• Code de pliage
• Refactoring

Il permet de Visual Studio 2010 la prise en charge de JavaScript look très primitif.

Answer 4

Aptana Studio semble comme un bon. J'ai seulement téléchargé il y a deux jours, mais il couvre JavaScript, PHP, et beaucoup plus. Aussi, lorsque vous créez un projet, il vous donne une option pour inclure les bibliothèques JavaScript comme jQuery, YUI, etc.!

Autant que je sache, il propose IntelliSense et de débogage pour toutes les langues, il prend en charge.

Il y a une community edition qui est gratuit et également une version professionnelle. Je suis actuellement à l'aide de la communauté free edition et je suis l'aimer beaucoup!

Answer 5

************* Mise à JOUR 2014 *************

Je continue à penser que Webstorm et Visual studio sont les chefs de file dans ce marché, dans ma précédente mise à jour, j'ai dit que les deux d'entre eux sont vraiment bons en termes de saisie semi-automatique, peu importe le degré de complexité de vous écrire du code javascript.

var anonymous = (function(){
    return function(){
      var private = 1;
      var private2 = 2;

      function myPrivateFucntion(){

      }

      var public = {};

      public.function1 = function(){

      }

      retunrn public;
    }
})();

deux d'entre eux peuvent gérer ce genre de déclaration sans problèmes.

Je pense toujours à webstorm est un peu mieux depuis webstorm est capable de rechercher dans l'ensemble de votre projet et de vous aider lorsque vous voulez la saisie semi-automatique de classe css ou le nom de dom id. Par exemple, si vous avez quelque chose comme

<anytag id='myid' />

lorsque vous avez écrit votre fichier CSS.

webstorm va afficher l'option pour que Id. ce qui est vraiment cool, va également créer un peu de place à côté de la déclaration de toutes les couleurs dans les fichiers css. Donc si vous écrivez quelque chose comme color:#F60; à côté de cela va vous paraître un peu la boîte de le remplir avec la couleur orange. Bien que ces fonctionnalités ne sont pas javascript aide beaucoup dans la webapplication develompent.

J'ai été à l'aide de webstorm avec:

• Application Php
• Application Html5
• Android application webInterface
• Et avec Meteor javascript (génial)

et dans tous ce genre de projet webstorm simplement de la réussite!!!!

REMARQUE:en C# avec Javascript appartiennent à Visual Studio est rien de mieux que de qui vient de ne pas chercher plus loin.

Refactoriser. Webstorm / Phpstorm refactoriser le muscle est vraiment très forte, bon pour renommer des fichiers nom du nom des variables et d'autres processus.

Les débogueurs.

Firefox, outils de développement Chrome et Safari débogueur les trois d'entre eux sont bons, MAIS il n'y a pas de meilleure débogueur de Visual studio + javascript où vous pouvez réellement voir tous les flux de travail à partir de la base de données jet de javascript et de voir comment les enregistrements de base de données à transformer en objets C#, et c'objets transformer en de chaînes JSON et puis comment c'est devenu des objets javascript, si beau et si parfait :)

************* MISE À JOUR DE FIN 2014 *************

---

OBSOLÈTE À LA RÉPONSE PRÉCÉDENTE.

J'utilise Visual Studio 2010, mais vous ne pouvez pas en profiter si vous utilisez JavaScript avancé. Par exemple, si vous déclarez une fonction comme

var myFunction = { name : function(){}, lastName : function()  },

L'IntelliSense ne fera rien, mais si vous écrivez l' function name() façon de travailler très bien pour vous.

Je pense qu'il n'y a aucune IDE ou de l'éditeur qui a vraiment vraiment aider les développeurs JavaScript avec le débogage et l'IntelliSense. La plupart de mes bugs sont résolus à l'aide de l'expérience antérieure. JavaScript est un dur-à-debug et difficiles à écrire la langue.

************* Mise à JOUR 2012 *************

Je suppose que chorme débogueur de visual studio 2010 est de loin le meilleur outil de debug, je pense que les deux sont mieux que firefox dans la performance. Mais c'est juste mon à mon humble avis..

***************************** Mise à JOUR 2013 *****************************

Google Chrome toujours leader de debuggin à mon humble avis.

Un an et demi depuis mon dernier commentaire, c'est ce que je pense maintenant,

Visual Studio and WebStorm sont de loin le meilleur IDE pour développer des applications javascript (au moins sous windows), à la fois répondre à beaucoup d'exigences pour un développeur javascript, ont une bonne intellisense n'importe comment complexe est vous javascript structure, à la fois bon travail et vous aider avec la saisie semi-automatique, à la fois vous corrigera les erreurs de sintax.

Je liste ce que je pense que la principale caractéristique de chacun d'eux et de remarquer pourquoi j'aime de plus en WebStorm que Visual Studio, mais les deux sont super IDE.

Visual Studio 2012 + resharper

• -VS2012 avec resharper vous proposera un lot de bonnes pratiques lors de l'encodage vous javascript, essayez de convertir if relevés dans quaternaire opérations var i = (y) ? true : false,
• VS2012 fera de son mieux pour vous aider avec la autollisense peu importe la complexité de vous javascript structure et peu importe si vous utilisez anonymous functions
• VS2012 également aider à une cool arborescence de vous la fonction de sorte que vous pouvez masquer ou de développer comme vous le souhaitez, et montre que la fonction qui vous travaillez.
• VS2012 Vous pouvez débogueur de code javascript à l'intérieur de visual studio, sans besoin d'aller dans google chorme ou firefox (firebug) vous pouvez voir tout le chemin que vous avez de codage sont à prendre à partir du site web (backend requesto) pour l'exécution de javascript assez neet outil.
• L'utilisation de l'abandon par (si, essayez, etc)

Webstorm

D'avoir toutes les fonctionnalités de la liste avant de ET 2 plus de choses incroyables.

• Vous avez une liste des fonctions dans un menu arborescent de sorte que vous pouvez facilement
  accédez à vous jeter des code sans l'aide de la douleur dans le cul (ctrl + s) raccourci pour trouver votre fonction javascript n'importe comment la structure de votre code

---

/*like this code webstorm no have any problem to show 
the structure and navigate throw it.*/

var example = (function(name){
 var name = name;
 function privateFunction(){
  console.log("Yei Im private");
 };

 var $r = {};
 $r.public1 = function(){
   console.log("Im a damn public");
 };

 $r.public2 = function(){
   console.log("Im a damn public2");
 };

 return $r;

})("example");

---

• Vous pouvez gérer vous les bibliothèques et ajouter une référence et avec qui webstorm permettra de comprendre votre code et vous aider dans une meilleure façon avec la saisie semi-automatique et l'intellisense
• Refactory variables nom est vraiment facile, et aussi le clic droit, vous allez à la déclaration de fonction (désolé étaient de 3, pas 2)

Je pense que le seul inconvénient de ces deux IDES sont le coût, mais si ce n'est pas un problème pour vous. Vous devriez prendre l'un d'eux.

Mais je l'ai dit avant, aucune IDE est à l'encontre de l'expérience et du savoir de la merde astuces lorsque vous êtes le codage en javascript, Donc la meilleure IDE est de comprendre cette belle langue.

meilleures ---