JavaScript est utilisé pour de nombreux types d’applications aujourd’hui. Le plus souvent, JavaScript fonctionne avec HTML5 et CSS pour créer des frontaux web. Mais JavaScript aide également à créer des applications mobiles, et il a trouvé une place importante sur le back-end sous la forme de Node.serveurs js. Heureusement, les outils de développement JavaScript-éditeurs etes-se développent pour relever les nouveaux défis.
Pourquoi utiliser une au lieu d’un éditeur? La raison principale est qu’une peut déboguer et parfois profiler votre code., Leses prennent également en charge les systèmes ALM, en s’intégrant à Git, GitHub, Mercurial, Subversion et Perforce pour le contrôle de version. Mais à mesure que de plus en plus d’éditeurs ajoutent des hooks à ces systèmes, la prise en charge D’ALM devient de moins en moins un facteur de différenciation.
Eclipse 2018 avec des outils de développement JavaScript
à l’époque où Java Swing était nouveau et passionnant, j’aimais utiliser Eclipse pour le développement Java, mais je suis rapidement passé à d’Autreses Java. Il y a plus de cinq ans, quand j’ai fait du développement Android avec Eclipse, j’ai trouvé L’expérience OK, mais poky., Lorsque j’ai essayé d’utiliser Eclipse Luna avec JSDT pour le développement JavaScript en 2014, il affichait constamment des erreurs faussement positives pour le code valide qui passait JSHint.
heureusement, plusieurs fournisseurs et projets open source sont montés au créneau depuis lors. Eclipse 2018 avec les outils de développement JavaScript dispose d’un éditeur JavaScript décent et d’un débogueur basé sur Chrome, mais il ne connaît pas TypeScript, qui est utilisé par Angular, ni les fichiers ES6 et JSX, qui sont utilisés par React.
Eclipse a toujours bénéficié d’un énorme marché de plugins. Pour TypeScript, considérons le TypeScript gratuit 1.0.,0 plugin. Pour Angular, TypeScript et ES6, considérez L’Angular Angular commercial (par CodeMix, anciennement Webclipse), et pour les projets React avec des fichiers JSX, essayez l’e TypeScript open source. Si vous en ajoutez plusieurs, vous devrez résoudre leur différend sur lequel modifier les fichiers TypeScript, mais ce n’est pas un gros problème.
avec un certain effort, vous pouvez faire fonctionner Eclipse avec des projets Angular et React., Bien Qu’Eclipse ne prenne pas en charge les fichiers TypeScript, ES6 ou JSX, vous pouvez ajouter un Angular Angular et un Typ TypeScript pour combler les lacunes.
Les outils CodeMix sont facturés comme ajoutant Visual Studio Code smarts à Eclipse. Contrairement à la plupart des plugins Eclipse, Angular ID by CodeMix n’est pas gratuit, mais il dispose d’un essai gratuit de 45 jours. Étant donné que le Code Visual Studio est gratuit, je considérerais cela avant de payer pour Angular ID.
Coût: Gratuit; Angular ID par CodeMix, 29 Personal (personnel) ou 48 Commercial (Commercial) par an. Plate-forme: Windows, MacOS et Linux.,
ActiveState Komodo ID
je suis un utilisateur et fan de Komodo ID depuis sa première introduction en 2001. Bien que de nouveaux produits tels que Visual Studio Code et WebStorm l’aient dépassé dans certains domaines, il reste un bon éditeur ete.
Komodo provides fournit L’édition JavaScript avancée, la coloration syntaxique, la navigation et le débogage, mais il n’inclut pas la vérification du code JavaScript. Pour cela, vous pouvez toujours exécuter JSHint dans un shell.
Komodo prend en charge des dizaines de programmation et les langages de balisage., Avec sa large gamme de support de langage de programmation et de balisage, y compris le refactoring, le débogage et le profilage, Komodo ID est un très bon choix pour le développement de bout en bout dans les langages open source.
Komodo dispose d’un module de refactorisation de code pour tous les langages pour lesquels il fournit de l’intelligence de code: PHP, Perl, Python, Ruby, Tcl, JavaScript et Node.js. Malheureusement, la nature du « moindre dénominateur commun » de cette approche limite les capacités à renommer les variables et les membres de la classe, et à extraire du code dans une méthode. Néanmoins, ce sont quelques-uns des cas les plus utiles.,
Komodo ID A à la fois l’édition de colonnes et plusieurs sélections. Cela fournit une quasi-parité avec Sublime Text et TextMate en ce qui concerne les modifications de masse. Tant que nous faisons la comparaison, Komodo est plus une, tandis que Sublime Text est beaucoup plus rapide. Et tant que nous discutons des performances, la vitesse de Komodo s’est nettement améliorée par rapport aux anciennes versions, en termes de dessin d’écran, de recherche et de vérification de la syntaxe.
Komodo ID possède plusieurs fonctionnalités qui manquent à la plupart des produits concurrents. L’un est son inspecteur HTTP, qui est excellent pour déboguer les rappels Ajax., Un autre est sa boîte à outils Rx (expression régulière, ou regex), qui est un excellent moyen de créer et de tester des expressions régulières pour JavaScript, Perl, PHP, Python et Ruby.
la Collaboration est un autre différenciateur Kom de Komodo—pensez-y comme Google Docs pour le code. Vous pouvez créer des sessions pour des groupes de fichiers, ajouter des contacts aux sessions en tant que collaborateurs, puis travailler ensemble sur les mêmes fichiers en même temps, avec une synchronisation en temps quasi réel.
la Collaboration ne remplace pas le contrôle du code source, mais c’est un complément utile., Komodo integrates intègre le contrôle du code source en utilisant CVS, Subversion, Perforce, Git, Mercurial et Bazaar. Seules les opérations de contrôle de version de base sont prises en charge. Les opérations avancées, telles que le branchement, doivent être effectuées à l’aide d’un client de contrôle de code source distinct.
bien que Komodo n’ait pas son propre formateur de documents JavaScript, il tire parti du meilleur open source gratuit à cet effet. Prêt à l’emploi, le formateur par défaut pour les fichiers JavaScript est js Beautifier, mais neuf autres options sont disponibles via un menu déroulant.,
Komodo provides fournit l’édition JavaScript avancée, la coloration syntaxique et la navigation, mais n’inclut pas de vérification significative du code JavaScript (exécutez JSHint pour cela). Komodo prend en charge des dizaines de langages de programmation et de balisage, en mettant l’accent sur Perl, Python, PHP, Ruby, Tcl et XSLT, et comprend le débogage, le refactoring, l’intégration du contrôle du code source et les tests unitaires.
Komodo supports prend en charge le débogage du JavaScript côté client dans Chrome, et il peut déboguer le nœud.js à la fois localement et à distance., Il met également au point Perl, Python, PHP, Ruby, Tcl et XSLT.
Komodo has dispose d’une visionneuse DOM qui vous permet de visualiser les documents XML et HTML sous forme d’arbres pliables. Il vous permet également de faire des recherches XPath pour filtrer l’arborescence.
Les modules de profilage de code et de test unitaire de Komodo ne prennent pas en charge JavaScript. Cependant, JavaScript et Node.js sont tous deux pris en charge par le module Code Intelligence de Komodo, qui implémente la navigation dans le code, la complétion automatique et les calltips.
Komodo ID peut publier des groupes de fichiers via FTP, SFTP, FTPS ou SCP., Komodo peut également synchroniser des fichiers et détecter les conflits de publication potentiels qui pourraient vous amener à écraser les modifications d’autres personnes.
dans l’ensemble, Komodo est un bon mais pas un bon JavaScript JavaScript, et un bon mais pas un excellent éditeur JavaScript. Cependant, il peut bien répondre à vos besoins, surtout si vous travaillez également avec Perl, Python, PHP, Ruby, Tcl ou XSLT.
Coût: 295$, plus de 87 $par année pour les mises à niveau et de soutien. Plate-forme: Windows (7 ou supérieur), MacOS (10.9 ou supérieur), Linux.,
Apache NetBeans
NetBeans prend très bien en charge JavaScript, HTML5 et CSS3 dans les projets web, et il prend en charge le framework Cordova / PhoneGap pour créer des applications mobiles basées sur JavaScript. NetBeans n’est pas l’e le plus rapide du bloc, mais c’est l’un des plus complets. Et, bien sûr, le prix est juste: NetBeans est disponible gratuitement sous licence open source.
L’éditeur JavaScript NetBeans fournit la coloration syntaxique, la complétion automatique et le pliage de code, à peu près comme vous vous y attendez., Les fonctionnalités D’édition JavaScript fonctionnent également pour le code JavaScript intégré dans les fichiers PHP, JSP et HTML. le support jQuery est intégré dans l’éditeur. NetBeans 8.2 a un support nouveau ou amélioré pour Node.js et Express, Gulp, Grunt, AngularJS, Knockout.js, Jade, Moka et sélénium.
l’analyse de Code s’exécute en arrière-plan lorsque vous modifiez, fournissant des avertissements et des conseils. Le débogage fonctionne dans le navigateur WebKit intégré et dans Chrome avec le connecteur NetBeans installé. Le débogueur peut définir des points D’arrêt DOM, line, event et XMLHttpRequest, et il affichera les variables, Les montres et la pile d’appels., Une fenêtre de journal de navigateur intégrée affiche les exceptions, les erreurs et les avertissements du navigateur.
NetBeans peut configurer et effectuer des tests unitaires avec le JsTestDriver, un fichier JAR (archive Java) que vous pouvez télécharger gratuitement. Le débogage des tests unitaires est automatiquement activé Si vous spécifiez Chrome avec le connecteur NetBeans comme l’un des navigateurs JsTestDriver lorsque vous configurez JsTestDriver dans la fenêtre Services.,
lorsque vous déboguez une application Web dans Chrome avec le connecteur NetBeans et modifiez le CSS à partir des outils de développement Chrome, les modifications seront capturées par NetBeans et enregistrées dans les fichiers CSS. Cependant, si vos fichiers CSS ont été générés à partir de feuilles de style Less ou Sass, vous devrez mettre à jour manuellement la feuille source car les fichiers CSS ne sont que des sorties compilées.
dans le navigateur WebKit intégré et dans Chrome avec le connecteur NetBeans installé, vous pouvez utiliser NetBeans network monitor pour afficher les en-têtes de requête, les réponses et les piles d’appels pour les communications REST., Pour les communications WebSocket, les en-têtes et les cadres de texte sont affichés. Dans l’ensemble, NetBeans offre une expérience de débogage légèrement meilleure avec Chrome que dans Firefox avec Firebug.
NetBeans intègre le contrôle du code source avec Git, Subversion, Mercurial et CVS. La prise en charge de Git est complétée par une visionneuse de Diff graphique et par un système de rayonnage au sein de l’EDI. NetBeans code couleur l’état Git des fichiers, vous permet d’afficher l’historique des révisions pour chaque fichier et affiche les informations de révision et d’auteur pour chaque ligne de fichiers contrôlés par la version., NetBeans a des intégrations similaires avec Subversion, Mercurial et CVS, mais j’ai seulement testé Git.
NetBeans intègre le suivi des problèmes avec Jira et Bugzilla. Dans la fenêtre des tâches NetBeans, vous pouvez rechercher des tâches, enregistrer des recherches, mettre à jour des tâches et résoudre des tâches dans votre référentiel de tâches enregistré. NetBeans intègre également team server pour les sites qui utilisent L’infrastructure Kenai.
pour autant que je puisse le déterminer, NetBeans n’a aucun profilage JavaScript, bien qu’il puisse profiler les applications Java et les modules EJB., Et bien que NetBeans puisse refactoriser Java et PHP, il ne peut pas refactoriser JavaScript.
dans l’ensemble, NetBeans est un concurrent décent pour le développement JavaScript, HTML5 et CSS3 côté client, surtout si vous faites également du développement Java, PHP ou C++ sur le serveur. Si vous n’avez pas le budget pour WebStorm et n’aimez pas Microsoft, vous constaterez que NetBeans fait le travail, tant que vous n’êtes pas très pressé.
Coût: Gratuit. Plateforme: Windows, Solaris, MacOS, Linux.,
Microsoft Visual Studio 2017
Dans ma revue complète de Visual Studio 2017, j’ai abordé le produit dans son ensemble, avec seulement quelques références à JavaScript. Je vais inverser l’accent est mis ici.
dans l’ensemble, Visual Studio 2017 sert très bien comme un JavaScript JavaScript, bien que ce soit un meilleur ID.net, et ce n’est pas aussi bon que WebStorm pour JavaScript. Bien qu’il serve également très bien d’éditeur JavaScript, c’est un meilleur éditeur C#, et ce n’est pas aussi bon ou aussi rapide que Sublime Text pour JavaScript.,
comme vous pouvez le voir dans la capture d’écran ci-dessous, Visual Studio 2017 fait un bon travail avec la coloration de la syntaxe JavaScript et le pliage du code. Il fait également un bon travail avec la navigation de code JavaScript: faites un clic droit sur une fonction ou le nom d’un membre, et vous pouvez facilement passer à la définition ou trouver toutes les références. Lorsque vous avez terminé de regarder la définition, vous pouvez appuyer sur la flèche de retour en haut de l’interface pour revenir là où vous étiez.
Vous pouvez facilement insérer des extraits et entourer votre sélection de code approprié, tel que le codage HTML ou URL des variables de chaîne., Outre JavaScript, HTML et CSS, vous pouvez modifier les fichiers Markdown et voir le Markdown rendu, et vous pouvez travailler avec TypeScript.
de plus, vous pouvez bien sûr coder dans N’importe quel langage.net, en C++ et en Python. Et comme cela a été le cas pour Visual Studio depuis longtemps, vous pouvez travailler avec des bases de données directement à partir de l’EDI. Visual Studio est particulièrement puissant lorsque vous travaillez avec des bases de données SQL Server. Vous pouvez vous en sortir en utilisant Visual Studio au lieu de SQL Server Management Studio pour la majorité des opérations de base de données que vous souhaitez effectuer en tant que développeur.,
Visual Studio 2017 prend en charge le débogage dans à peu près tous les navigateurs que vous souhaitez lancer, y compris les navigateurs sur les appareils mobiles et dans les émulateurs. Il a également deux navigateurs de son propre: le navigateur Web interne simple, qui est (surprise!) une version D’Internet Explorer, et L’inspecteur de Page, qui vous montre la page rendue avec toutes les sources et les styles., Bien que L’inspecteur de Page fasse beaucoup de choses de rétro-ingénierie potentiellement fastidieuses pour se configurer pour une page, une fois que vous y êtes, vous pouvez y rester sans avoir à jongler avec Visual Studio, le navigateur et les outils de développement du navigateur.
Les performances de Visual Studio 2017 sont généralement assez bonnes si vous lui donnez suffisamment de mémoire et de puissance CPU, mais elles ont tendance à nécessiter des ressources importantes. Visual Studio 2017 propose d’excellents diagnostics de performances pour les applications, mais dans l’ensemble, ils ne sont pas très utiles pour le code JavaScript ordinaire, qui s’exécute généralement profondément dans un navigateur., Visual Studio dispose d’outils spécifiques de synchronisation des fonctions JavaScript, de réactivité de L’interface utilisateur HTML et de mémoire JavaScript, mais ils ne s’appliquent qu’aux projets de plate-forme Windows universelle basés sur JavaScript, pas aux projets web qui utilisent JavaScript.
Visual Studio 2017 a avancé de soutien pour le Nœud.js, JavaScript ES6 et TypeScript utilisant le moteur D’analyse Salsa. En mode ES6, il peut télécharger automatiquement (à partir de DefinitelyTyped) les « typings” pour Node.les paquets js que vous installez avec NPM, pour fournir IntelliSense amélioré., Il peut également installer automatiquement les modules NPM manquants, comme on le voit en bas à gauche.
Visual Studio 2017 comprend d’excellents Nœud.édition d’applications js, IntelliSense, profilage, intégration NPM, prise en charge de TypeScript, débogage local et à distance (Windows, MacOS, Linux) et débogage sur les applications Web Azure et les Services cloud Azure. Il prend également en charge CSS, HTML, JavaScript, TypeScript, CoffeeScript, etc., Cela inclut l’exécution de JSHint pendant que vous tapez, vous permettant de réduire les fichiers JavaScript à partir d’un menu contextuel, et la compilation automatique des fichiers CoffeeScript lors de la sauvegarde, montrant un aperçu côte à côte du JavaScript généré.