JavaScript se utiliza para muchos tipos diferentes de aplicaciones hoy en día. Muy a menudo, JavaScript trabaja con HTML5 y CSS para construir front-ends web. Pero JavaScript también ayuda a construir aplicaciones móviles, y ha encontrado un lugar importante en el back-end en forma de Nodo.servidores js. Afortunadamente, las herramientas de desarrollo de JavaScript-tanto editores como IDE – están aumentando para cumplir con los nuevos desafíos.
¿Por qué usar un IDE en lugar de un editor? La razón principal es que un IDE puede depurar y, a veces, perfilar su código., Los IDE también tienen soporte para sistemas ALM, integrándose con Git, GitHub, Mercurial, Subversion y Perforce para el control de versiones. Pero a medida que más editores agregan hooks a estos sistemas, el soporte de ALM se está volviendo menos diferenciador.
Eclipse 2018 con herramientas de desarrollo JavaScript
de vuelta en los días antiguos, cuando Java Swing era nuevo y emocionante, disfruté usando Eclipse para el desarrollo de Java, pero pronto pasó a otros IDE de Java. Hace más de cinco años, cuando hice un poco de desarrollo de Android con Eclipse, me pareció que la experiencia está bien, pero poky., Cuando intenté usar Eclipse Luna con JSDT para el desarrollo de JavaScript en 2014, mostraba constantemente errores falsos positivos para el código válido que pasaba JSHint.
afortunadamente, varios proveedores y proyectos de código abierto han dado un paso adelante desde entonces. Eclipse 2018 with JavaScript Development Tools tiene un editor de JavaScript decente y un depurador basado en Chrome, pero no sabe sobre TypeScript, que es utilizado por Angular, o sobre los archivos ES6 y JSX, que son utilizados por React.
Eclipse siempre ha disfrutado de un gran mercado de plugins. Para TypeScript, considere la versión gratuita de TypeScript 1.0.,0 plugin. Para Angular, TypeScript y ES6, considere el IDE Angular comercial (de CodeMix, anteriormente Webclipse), y para proyectos de React con archivos JSX pruebe el IDE de código abierto TypeScript. Si agrega más de uno, tendrá que resolver su disputa sobre cuál debe editar los archivos de TypeScript, pero eso no es gran cosa.
con un poco de esfuerzo, puede hacer que Eclipse funcione con los proyectos Angular y React., Aunque Eclipse no admite archivos TypeScript, ES6 o JSX de forma inmediata, puede agregar un IDE Angular y un IDE TypeScript para rellenar los huecos.
Las herramientas CodeMix se facturan como adición de Visual Studio Code smarts a Eclipse. A diferencia de la mayoría de los complementos de Eclipse, Angular IDE de CodeMix no es gratis, pero tiene una prueba gratuita de 45 días. Dado que Visual Studio Code es gratuito, lo consideraría antes de pagar por Angular IDE.
Costo: Gratis; Angular IDE por CodeMix, 2 29 (Personal) o 4 48 (comercial) por año. Plataforma: Windows, MacOS y Linux.,
ActiveState Komodo IDE
he sido un usuario y fan de Komodo IDE desde que se introdujo por primera vez en 2001. Aunque los productos más nuevos como Visual Studio Code y WebStorm lo han superado en algunas áreas, sigue siendo un buen editor e IDE.
Komodo IDE proporciona edición avanzada de JavaScript, resaltado de sintaxis, navegación y depuración, pero no incluye verificación de código JavaScript. Para ello, siempre se puede ejecutar JSHint en un shell.
Komodo soporta docenas de programación y lenguajes de marcado., Con su amplia gama de programación y soporte de lenguaje de marcado, incluyendo refactorización, depuración y creación de perfiles, Komodo IDE es una muy buena opción para el desarrollo de extremo a extremo en lenguajes de código abierto.
Komodo tiene un módulo de refactorización de código para todos los lenguajes para los que proporciona inteligencia de código: PHP, Perl, Python, Ruby, Tcl, JavaScript y Node.js. Desafortunadamente, la naturaleza de «mínimo común denominador» de este enfoque limita las capacidades para renombrar variables y miembros de clase, y para extraer código en un método. Sin embargo, estos son algunos de los casos más útiles.,
Komodo IDE tiene edición de columnas y selecciones múltiples. Esto proporciona una paridad cercana con Sublime Text y TextMate en lo que respecta a las ediciones masivas. Mientras estemos haciendo la comparación, Komodo es más un IDE, mientras que Sublime Text es mucho más rápido. Y mientras estemos discutiendo el rendimiento, La velocidad de Komodo ha mejorado notablemente en comparación con las versiones anteriores, en el dibujo de la pantalla, la búsqueda y la comprobación de sintaxis.
Komodo IDE tiene varias características que la mayoría de los productos de la competencia carecen. Uno es su Inspector HTTP, que es excelente para depurar devoluciones de llamada Ajax., Otro es su kit de herramientas Rx (expresión regular, o regex), que es una gran manera de construir y probar expresiones regulares para JavaScript, Perl, PHP, Python y Ruby.
la colaboración es otro diferenciador de Komodo IDE-piense en ello como Google Docs para el código. Puede crear sesiones para grupos de archivos, agregar contactos a sesiones como colaboradores y, a continuación, trabajar juntos en los mismos archivos al mismo tiempo, con sincronización casi en tiempo real.
la colaboración no es un reemplazo para el control de código fuente, pero es un complemento útil., Komodo IDE integra el control de código fuente usando CVS, Subversion, Perforce, Git, Mercurial y Bazaar. Solo se admiten las operaciones básicas de control de versiones. Las operaciones avanzadas, como la ramificación, deben realizarse utilizando un cliente de control de código fuente independiente.
aunque Komodo no tiene su propio formateador de documentos JavaScript, aprovecha el mejor código abierto gratuito para este propósito. Fuera de la caja, el formateador predeterminado para los archivos JavaScript es JS Beautifier, pero otras nueve opciones están disponibles a través de un menú desplegable.,
Komodo IDE proporciona edición avanzada de JavaScript, resaltado de sintaxis y navegación, pero no incluye una comprobación significativa de código JavaScript (ejecute JSHint para eso). Komodo admite docenas de lenguajes de programación y marcado, con énfasis en Perl, Python, PHP, Ruby, Tcl y XSLT, e incluye depuración, refactorización, integración de control de código fuente y pruebas unitarias.
Komodo IDE admite la depuración de JavaScript del lado del cliente en Chrome, y puede depurar el nodo.js tanto local como remotamente., También depura Perl, Python, PHP, Ruby, Tcl y XSLT.
Komodo IDE tiene un visor DOM que le permite ver documentos XML y HTML como árboles plegables. También le permite realizar búsquedas XPath para filtrar el árbol.
Los módulos de creación de perfiles de código y pruebas unitarias de Komodo no son compatibles con JavaScript. Sin embargo, JavaScript y nodo.los js son compatibles con el módulo de inteligencia de código de Komodo, que implementa la navegación de código, autocompletado y consejos de llamada.
Komodo IDE puede publicar grupos de archivos a través de FTP, SFTP, FTPS o SCP., Komodo también puede sincronizar archivos y detectar posibles conflictos de publicación que podrían provocar que sobrescribas los cambios de otras personas.
En general, Komodo es un IDE JavaScript bueno pero no genial, y un editor JavaScript bueno pero no genial. Sin embargo, puede satisfacer sus necesidades, especialmente si también trabaja con Perl, Python, PHP, Ruby, Tcl o XSLT.
costo: $295, más 8 87 por año para actualizaciones y soporte. Plataforma: Windows (7 o superior), MacOS (10.9 o superior), Linux.,
Apache NetBeans
NetBeans tiene muy buen soporte para JavaScript, HTML5 y CSS3 en proyectos web, y es compatible con el marco Cordova / PhoneGap para crear aplicaciones móviles basadas en JavaScript. NetBeans no es el IDE más rápido del bloque, pero es uno de los más completos. Y, por supuesto, el precio es correcto: NetBeans está disponible gratuitamente bajo una licencia de código abierto.
el Editor JavaScript de NetBeans proporciona resaltado de sintaxis, autocompletado y plegado de código, prácticamente como era de esperar., Las funciones de edición de JavaScript también funcionan para código JavaScript incrustado en archivos PHP, JSP y HTML. soporte jQuery se cuece en el editor. NetBeans 8.2 tiene soporte nuevo o mejorado para Node.js and Express, Gulp, Grunt, AngularJS, Knockout.JS, Jade, Mocha y selenio.
El análisis de código se ejecuta en segundo plano mientras edita, proporcionando advertencias y sugerencias. La depuración funciona en el navegador WebKit integrado y en Chrome con el conector NetBeans instalado. El depurador puede establecer puntos de interrupción DOM, line, event y XMLHttpRequest, y mostrará variables, Relojes y la pila de llamadas., Una ventana de registro del navegador integrada muestra excepciones, errores y advertencias del navegador.
NetBeans puede configurar y realizar pruebas unitarias con el jstestdriver, un archivo JAR (archivo Java) que puede descargar de forma gratuita. La depuración de pruebas unitarias se habilita automáticamente si especifica Chrome con NetBeans Connector como uno de los navegadores JsTestDriver al configurar JsTestDriver en la ventana Servicios.,
cuando depure una aplicación web en Chrome con el conector NetBeans y edite CSS desde las herramientas para desarrolladores de Chrome, NetBeans capturará los cambios y los guardará en los archivos CSS. Sin embargo, si sus archivos CSS se generaron a partir de hojas de estilo Less o Sass, tendrá que actualizar manualmente la hoja de origen porque los archivos CSS son simplemente una salida compilada.
en el navegador WebKit integrado y en Chrome con el conector NetBeans instalado, puede usar el monitor de red NetBeans para ver los encabezados de solicitud, las respuestas y las pilas de llamadas para las comunicaciones REST., Para las comunicaciones WebSocket, se muestran tanto los encabezados como los marcos de texto. En general, NetBeans proporciona una experiencia de depuración ligeramente mejor con Chrome que en Firefox con Firebug.
NetBeans integra el control de código fuente con Git, Subversion, Mercurial y CVS. El soporte de Git es aumentado por un visor gráfico de diferencias y por un sistema de estanterías dentro del IDE. NetBeans codifica el estado de Git de los archivos, le permite ver el historial de revisiones de cada archivo y le muestra la información de revisión y autor de cada línea de archivos controlados por versiones., NetBeans tiene integraciones similares con Subversion, Mercurial y CVS, pero solo probé Git.
NetBeans integra el seguimiento de problemas con Jira y Bugzilla. En la ventana de tareas de NetBeans, puede buscar tareas, guardar búsquedas, actualizar tareas y resolver tareas en su repositorio de tareas registrado. NetBeans también tiene integración de team server para sitios que utilizan la infraestructura Kenai.
Por lo que puedo determinar, NetBeans carece de cualquier perfil de JavaScript, aunque puede perfilar Aplicaciones Java y módulos EJB., Y mientras NetBeans puede refactorizar Java y PHP, no puede refactorizar JavaScript.
En general, NetBeans es un competidor decente para el desarrollo de JavaScript, HTML5 y CSS3 del lado del cliente, especialmente si también está haciendo desarrollo de Java, PHP o C++ En el servidor. Si no tiene el presupuesto para WebStorm y no le gusta Microsoft, encontrará que NetBeans hace el trabajo, siempre y cuando no tenga mucha prisa.
Costo: Gratis. Plataforma: Windows, Solaris, MacOS, Linux.,
Microsoft Visual Studio 2017
en mi revisión completa de Visual Studio 2017 hablé del producto en su conjunto, con solo unas pocas referencias a JavaScript. Invertiré el énfasis aquí.
en General, Visual Studio 2017 sirve muy bien como JavaScript IDE, aunque es mejor .Net IDE, y no es tan bueno como WebStorm para JavaScript. Si bien también sirve muy bien como editor de JavaScript, es un mejor editor de C#, y no es tan bueno o tan rápido como Sublime Text para JavaScript.,
Como puede ver en la captura de pantalla a continuación, Visual Studio 2017 hace un buen trabajo con el color de sintaxis de JavaScript y el plegado de código. También hace un buen trabajo con la navegación de código JavaScript: haga clic derecho en una función o nombre de miembro, y puede saltar fácilmente a la definición o encontrar todas las referencias. Cuando haya terminado de mirar la definición, puede presionar la flecha hacia atrás en la parte superior de la interfaz para volver a donde estaba.
Puede insertar fragmentos de código fácilmente y rodear su selección con el código apropiado, como la codificación HTML o URL de las variables de cadena., Además de JavaScript, HTML y CSS, puede editar archivos Markdown y ver el Markdown renderizado, y puede trabajar con TypeScript.
Además, por supuesto, puede codificar en cualquier lenguaje. Net, en C++ y en Python. Y como ha sido el caso de Visual Studio durante mucho tiempo, puede trabajar con bases de datos directamente desde el IDE. Visual Studio es especialmente fuerte cuando se trabaja con bases de datos SQL Server. Puede salirse con la suya utilizando Visual Studio en lugar de SQL Server Management Studio para la mayoría de las operaciones de base de datos que desea hacer como desarrollador.,
Visual Studio 2017 admite la depuración en casi cualquier navegador que desee lanzar, incluidos los navegadores en dispositivos móviles y en emuladores. También tiene dos navegadores propios: el navegador Web interno simple, que es (¡sorpresa !) una versión de Internet Explorer, y el Inspector de página, que muestra la página renderizada junto con todas las fuentes y estilos., Aunque el Inspector de Página hace muchas cosas de ingeniería inversa que pueden llevar mucho tiempo para configurarse para una página, una vez que estás en ella puedes quedarte allí sin tener que hacer malabares con Visual Studio, el navegador y las herramientas de desarrollo del navegador.
el rendimiento de Visual Studio 2017 suele ser bastante bueno si se le da suficiente memoria y potencia de CPU, pero tiende a requerir recursos significativos. Visual Studio 2017 tiene excelentes diagnósticos de rendimiento para las aplicaciones, pero en general no son tan útiles para el código JavaScript ordinario, que generalmente se ejecuta en el interior de un navegador., Visual Studio tiene temporización específica de la función de JavaScript, capacidad de respuesta de la interfaz de usuario HTML y herramientas de memoria JavaScript, pero solo se aplican a proyectos de Plataforma Universal de Windows basados en JavaScript, no a proyectos web que utilizan JavaScript.
Visual Studio 2017 tiene soporte avanzado para Node.js, JavaScript ES6 y TypeScript usando el motor de análisis de Salsa. En el modo ES6 puede descargar automáticamente (desde DefinitelyTyped) los «tipos» para el nodo.paquetes js que se instalan con NPM, para proporcionar IntelliSense mejorado., También puede instalar automáticamente los módulos npm que faltan, como se ve en la parte inferior izquierda.
Visual Studio 2017 incluye un nodo excelente.edición de aplicaciones js, IntelliSense, creación de perfiles, integración NPM, compatibilidad con TypeScript, depuración local y remota (Windows, MacOS, Linux) y depuración en Azure Web Apps y Azure Cloud Services. También tiene soporte para CSS, HTML, JavaScript, TypeScript, CoffeeScript, y menos., Esto incluye ejecutar JSHint mientras escribe, lo que le permite minificar archivos JavaScript desde un menú contextual, y compilar automáticamente archivos CoffeeScript al guardar, mostrando una vista previa lado a lado del JavaScript generado.