Anonim

JavaScript s'utilitza molt en el desenvolupament web, però també en altres coses, com el desenvolupament de mòbils i les aplicacions. Un simple editor de text pot ser tot el que necessiteu per a CSS i HTML5, però JavaScript necessita una mica més. A continuació, es mostren els que es consideren àmpliament els millors IDE de JavaScript per al desenvolupament web ara mateix.

Un bon IDE de JavaScript necessita tenir algunes funcions clau. Ha d’incloure eines com l’acompliment de codis automàtics, les funcions de llista, la generació de codis, la refactorització, la navegació intel·ligent, un depurador integrat i funcions de prova. Una bona IDE també inclourà i complements de manipulació d’errors i excepcions per ampliar el seu repertori.

Alguns dels IDE de JavaScript d'aquesta llista són premium, d'altres són gratuïts, molts es descarreguen al vostre ordinador, però un parell estan en línia. Tots ells es revisen favorablement i semblen molt populars. Si busqueu un nou IDE de JavaScript per al desenvolupament de la web, un d'aquests complirà la facturació.

Jo no sóc codificador, però un dels meus millors amics és, així que he utilitzat la seva experiència per crear aquesta llista.

Tempestat web

WebStorm és una de les IDE de JavaScript més populars, tot i que cal superar el nombre de descàrregues i de comentaris positius. Va ser dissenyat des de baix per ser fàcil d'utilitzar i fàcil d'utilitzar i, per descomptat, sembla. És compatible amb JavaScript, HTML, CSS, Angular i Node.js, de manera que té totes les bases cobertes. També és compatible amb els marcs Angular, React i Meteor i amb les aplicacions de desenvolupament de mòbils de Cordova, PhoneGap i Ionic.

WebStorm té una gran utilitat de refactorització del codi, de manera que fins i tot els codificadors nous poden generar codi ordenat. Pot extreure variables, moure fitxers, completar-se automàticament i ajudar amb paràmetres i funcions. Si ets un codificador amb més experiència, trobaràs totes les eines avançades que necessites per crear algunes aplicacions i funcions impressionants.

WebStorm no és gratuït i requereix una subscripció anual.

Àtom

Atom és un altre IDE de JavaScript immensament popular. Es tracta bàsicament d’un editor de text que podeu agafar les funcions que necessiteu. Compatible amb HTML, JavaScript, CSS i Node.js, Atom es basa en Electron un marc de plataforma multiplata que ja ha demostrat la seva valor en la programació JavaScript.

La funcionalitat de plataforma multiplada és excel·lent per a projectes col·laboratius mentre que el Gestor de paquets integrat ofereix la possibilitat d’afegir molts paquets preconstruïts o crear-ne el vostre. Aquesta és una de les funcions més preuades d'Atom, ja que ofereix una enorme llibertat per configurar l'IDE de forma exacta a la manera que desitgeu utilitzar-la.

Altres funcions de Atom inclouen l’acompliment automàtic, el navegador d’arxius, trobar i substituir, etiquetes de tancament automàtic i un mini mapa útil que us mostra el codi en una visió general. Atom té una tendència a alentir-se quan es treballa amb fitxers més grans i aparentment té una fuga de memòria que pot causar retard en usar-lo. A més d’això, és molt considerat.

Atom és lliure d’utilitzar.

Codepen

Codepen es denomina com a "parc infantil del front-end de la web". És una de les IDE en línia de JavaScript que he esmentat anteriorment i és molt bo en el que fa. Juga molt bé amb HTML, CSS i JavaScript i funciona amb CoffeeScript o LiveScript. És útil tant per a principiants que vulguin aprendre codi i que ho revisin els companys, però també els codificadors experimentats que volen crear-se en un entorn de vista prèvia en directe.

Hi ha moltes eines CSS, HTML i JavaScript dins de Codepen. Podeu crear el vostre codi dins d’un bolígraf mitjançant alguns equips d’eines força potents com Emmet per generar ràpidament codi net. També podeu utilitzar enllaços de clau Vim si els coneixeu per a una generació ràpida. També teniu accés a les eines i funcions de codi habituals que podríeu esperar d’un IDE instal·lat.

El principal benefici de Codepen és la comunitat. És una comunitat molt nombrosa i activa que ofereix ajuda, assessorament i revisió de codis, idees i molt més.

Codepen té una versió gratuïta i Pro.

Text sublim 3

Text Sublime Text 3 de la majoria de llistes de bones IDE de JavaScript. El que va començar la vida com a simple editor de text s'ha convertit en un IDE completament complet que inclou moltes de les eines que voleu utilitzar per recopilar el vostre codi. És molt personalitzable, treballa a través de plataformes i gestiona els paquets amb facilitat.

La interfície d'usuari és simple però efectiva. També funciona ràpidament. La instal·lació estàndard conté moltes eines que utilitzaríeu tot el temps, però el Gestor de paquets us assegura que tindreu tantes funcions que necessiteu. Funciona amb Emmet, Babel, SublimeLimiter i altres per ajudar a mantenir el vostre JavaScript net i ordenat.

Igual que Codepen, un dels veritables punts destacats de Sublime Text 3 és la comunitat. No només creen plugins per al programa, també ajuden, revisen i ofereixen tot tipus d’assistència i temes de discussió. Aquests són els tipus de comunitats que us porten a creure que la humanitat encara té futur.

Sublime Text 3 és lliure de provar, però 70 dòlars per guardar.

NetBeans

NetBeans va començar la seva vida com a eina Java, però s'ha ampliat per incloure JavaScript i Node.js. També funciona amb HTML, CSS, PHP, JS, C / C ++, Python i altres idiomes. Funciona dins d'una màquina virtual de Java, de manera que funcionarà en la majoria dels sistemes operatius i es pot configurar tal com us agradi.

NetBeans inclou la majoria d’eines i funcions que espereu que inclouen el plegament de codis, la formulació de codis, les eines JSON, les completacions automàtiques per a variables, les referències de funcions, les funcions de biblioteca, les classes i molt més perquè realment pugueu codificar ràpidament. Un cop acabat, la funció correcta de depuració i d’error indicarà qualsevol error i fins i tot oferirà suggeriments per trobar més optimitzacions.

NetBeans també té una extensa extensió de Chrome que permet depurar efectivament la possibilitat d’editar fonts des del navegador. Aparentment és una eina molt útil.

NetBeans és de codi obert i gratuït.

Com he comentat a la part superior, no sóc un codificador, així que vaig haver de recolzar-me en un amic codificador per ajudar amb aquesta peça. Tot i que les recomanacions són seves, qualsevol error o error és meu.

Tens algun altre suggeriment per tenir un bon IDE de JavaScript? Expliqueu-ne a continuació si ho fas!

5 dels millors ides Javascript per al desenvolupament de la web