IDE de JavaScript rápido y gratuito que admite depuración, autocompletado de código, interfaz de usuario personalizable, informes de error detallados y compatible con WIndows

He revisado muchas respuestas aquí para preguntas similares, pero mis requisitos eran diferentes.

Antecedentes :

Soy un desarrollador que está pasando de los lenguajes compilados tradicionales a los lenguajes modernos centrados en la web, y la mayor parte se centra en JavaScript (Node.js, ExpressJS, Jasmine, etc.). Aunque tengo Visual Studio 2013, y tiene la mayoría de esas características, es insuficiente para mis necesidades desde el primer momento y, francamente, hasta ahora tiene errores. Por ejemplo, ocasionalmente marcará algo que realmente funciona.

Hablando de tiempo, no tengo mucho tiempo para probar un montón de IDE en este momento y mucho menos para sentirme cómodo con ellos.


Requisitos :

-Curva de aprendizaje fácil/suave. Quiero instalar esto y ponerme en marcha, no perder el tiempo configurando un montón de basura personalizada y rezando para no arruinar nada.

-Depuración con buenos y detallados informes de errores.

-Gratis* (para uso comercial)

-Compatible con Windows 10 (la mayoría de las cosas calificadas para 8/8.1 parecen funcionar hasta ahora)

-Versión sin conexión (sin aplicaciones 100% en la nube)


Preferencias :

-Esquemas de color de interfaz de usuario personalizables para texto/fondo


Cosas que probé que no me gustaron, o cosas que no me gustan porque no son gratis:

-WebStorm: No gratuito. Escuché grandes cosas sobre este IDE, aquí.

-Corchetes: el formateo automático está fuera de control con este programa, y ​​en lugar de cambiar esto fácilmente dentro del programa/IU, ¿tiene que crear archivos JSON de configuración? ¿Me estás tomando el pelo? Sí, esto definitivamente falla en la curva de aprendizaje... Estúpida exageración.

-Sublime Text 2: no es gratuito y no es compatible con javascript listo para usar

-Bloc de notas++: muy útil, pero sigue siendo solo un editor de texto

-JavaScript IDE para Eclipse: Todavía no sé qué diablos tengo que hacer para ejecutar un archivo JS simple con esto, pero me he dado por vencido. Ya ni siquiera me importa. Encima de eso.

-Cloud9: IDE basado en la nube. Sí, no, gracias. Eso es demasiado control en manos de mi herramienta en lugar de al revés, además de que todo está conectado a su requisito de nube. No pensé que sería un problema hasta que lo probé.

-Atom: la experiencia de usuario de finalización de código más molesta que he visto. Primero me reí, luego lloré.

-Microsoft WebMatrix 3: no pude instalar esto en Windows 10, porque no pude instalar sus requisitos previos en Windows 10. Boo.



* Si WebStorm es la diferencia entre la noche y el día con IDE gratuitos, recalque este punto. No lo consideraré una respuesta aceptable, pero tomaré en serio su recomendación y asimilaré el dilema entre lo gratuito y lo premium.

Respuestas (4)

Eclipse no es el más rápido, pero sí uno de los más confiables de los IDE gratuitos de Java y JavaScript ; incluso puede descubrir que muchas cosas le son familiares, ya que varias cadenas de herramientas de compilación integradas utilizan personalizaciones de Eclipse como su IDE.

  • Gratis , gratis y de código abierto
  • Multiplataforma: incluidos Windows 7/8/10, OS/X, Linux
  • Escrito en Java
  • Altamente personalizable
  • Buen soporte de depuración y pruebas
  • Muchos complementos disponibles para cosas como varias integraciones de control de versiones, *git, svn, *
  • La curva de aprendizaje no es demasiado empinada
  • Base de usuarios masiva y útil
  • Varios paquetes predefinidos, incluidos Eclipse IDE para desarrolladores de Java y Eclipse para desarrolladores de PHP , este último incluye específicamente:
    • Herramientas de desarrollo de JavaScript
    • Herramientas de desarrollo PHP
    • Herramientas y editores XML de Eclipse
    • Proveedor del equipo Eclipse Git
    • Lista de tareas de Mylyn
  • Soporte para otros lenguajes web, incluidos PHP, XML, etc.
¿Sabrías si Eclipse ha cambiado mucho en los últimos 8-10 años? No puedo decir que me gustara mucho cuando le di una vuelta en ese entonces. De cualquier manera, ¡buena respuesta! Este es sin duda un contendiente, pero estoy tranquilo por ahora.
Hola @SteveBarnes. Perdón por esta pregunta tonta, pero ¿hubo alguna razón particular para el énfasis de su respuesta en Java y no en JavaScript?
Menos para escribir y la mayoría de los IDE que cubren Java también hacen JS + ¡una clara falta de cafeína en ese momento puede haber tenido una influencia freudiana! Actualizaré
Estaba en el mismo barco anoche cuando respondí por primera vez xx. Regresé para recibir actualizaciones y tuve que hacer una doble toma :) ¡Gracias por tomar otro pico!
No hay problema, aquí son las 06:00.
Le di un giro a esto. No tengo idea de qué se suponía que era el UX, pero después de descargarlo y cargar uno de mis scripts, decidió que no me dejaría ejecutar dicho script, ni tenía código completo. Estoy seguro de que estas características y habilidades funcionan en alguna parte , pero no de forma inmediata. Mala experiencia de usuario!

Brackets satisface (casi) todas sus necesidades.

Lo estoy usando felizmente para AngularJS en Windows 10. No codifico Java y no sé si hay complementos para su control de versión. Compruébelo usted mismo. Aunque puedo dar fe del resto.

Lo que más me gusta es el modo de vista previa en vivo. Los cambios en HTML/CSS se muestran inmediatamente en el navegador, sin tener que guardar archivos.

Prueba con corchetes. No te arrepentirás. Garantizado - o le devolvemos su dinero.

¡Me encantó la función de vista previa en vivo! Pero si... No son mis ricitos de oro :(
¿Quieres decir que Brackets no es tu Goldilocks? Luego, siga buscando, pero comente aquí o (mejor aún) edite su pregunta para decir exactamente qué características faltan, para que otros puedan ayudarlo en su búsqueda. Buena suerte
Gracias, @Mawg. Esto ha pasado de hacer una pregunta a participar en algunos a medias en una docena de editores de texto e IDE. Eso es exactamente lo que estaba tratando de evitar... Así es la vida, ¿eh?
Siento tu dolor ;-) Pero, si no quieres probarlos todos tú mismo (y no te culpo), entonces tienes que dar requisitos extremadamente detallados. Personalmente, dividiría las funciones en "imprescindible" y "agradable". YMMV, por ejemplo, es posible que desee priorizarlos. La mayoría de las publicaciones de SE que empiezo nunca se completan. El ejercicio de tratar de explicar claramente a un tercero me obliga a concentrarme tanto que termino respondiendo mi propia pregunta. De nuevo, YMMV. O bien, puede conformarse con "suficientemente bueno", en lugar de buscar "lo mejor"...
Por cierto, su declaración "Corchetes: solo un editor de texto" me desconcierta por completo. ¿Estás seguro de que lo has probado? (sin intención de ofender) Tiene todas las características estándar que podría desear de un IDE. Si encuentra algo mejor que también sea compatible con AngularJS, lo cambiaré en un instante. Pero, hasta entonces, no sé de uno mejor (para mí)
Tienes razón. Eso fue injusto de mi parte. Fui a probar los corchetes después de obtener ~12 complementos diferentes. Definitivamente mejoró la experiencia, pero el único depurador que probé parecía enojado con todo lo que no cumplía con un determinado estilo de código, y no vi cómo devolverle el tono. ¿Tiene complementos de depuración que pueda recomendar? Los corchetes son prácticamente mi gota que colma el vaso en este momento... Probé todo lo demás, @Mawg.
La aventura continúa... Tengo a Teseo trabajando, pero quizás demasiado tarde. ¡Tablar es una locura! Este maldito editor está tabulando por todas partes (¿3 pestañas? Claro, ¿por qué no? ¿Quieres una sola pestaña? ¡MUY MAL!) y no puedo arreglar esto fácilmente. Esto definitivamente falla en la suave curva de aprendizaje, pero no me he rendido. Esperemos que los desarrolladores me respondan con una solución en lugar de una respuesta de "mierda dura".
Estoy haciendo toda mi depuración en el cónsul de desarrolladores de Chrome y eso es suficiente para mí. Puedo establecer puntos de interrupción, examinar variables, recorrer el código. Que mas necesita uno? También encontré un módulo PHP de FOSS que me permite registrar la parte de PHP de mi AJAX en la consola del desarrollador. Si encuentras algo mejor, entonces lo usaré. Por favor, háganoslo saber.
Sí, @Mawg. La depuración no es lo que consideraría un gran problema, pero como soy nuevo en muchas de estas cosas, no estoy al tanto de lo que se considera un buen entorno de desarrollo para empezar. Buscaré en el depurador de Chrome. Eso suena bastante prometedor. Sin embargo, este asunto de las tabulaciones con Brackets... Veré si puedo encontrar una manera de detenerlo. Es extraño cómo se establecen tantas configuraciones en un archivo JSON que tiene que hacer y editar manualmente para cosas que normalmente se reservan para las opciones de menú. UX extraño... o simplemente subdesarrollado, no estoy seguro.
Bueno, si eres nuevo... generalmente se acepta que la mejor manera de depurar el software que está diseñado para el navegador es en el navegador. Yo uso Chrome, que ciertamente abrió el camino, pero ahora todos lo admiten. De hecho, FireFox ahora tiene un navegador de edición para desarrolladores: mozilla.org/en-GB/firefox/developer . Me temo que no entiendo sus problemas de fichas. Solo tengo una sola pestaña; sigue haciendo clic y espera dar con la opción correcta :-)
Por razones que no puedo comprender del todo, la tabulación parece estar restringida a cualquier tabulación que Brackets crea que debería configurarse. Entonces, por ejemplo, si hago un salto de línea con la tecla ENTER, y Brackets decide establecer la pestaña 3 pestañas, ese es el único lugar al que se moverá desde el principio de la línea. La única manera de tabular menos es Shift+Tab. Es realmente molesto, y este es el único editor de texto que he usado que intenta imponer su propio estilo de tabulación en lugar de hacer una conjetura y luego dejarte hacer lo tuyo. Suena menor, pero si quiero codificar a mi estilo, gasto mucho arreglando el formato

El lanzamiento relativamente reciente de VisualStudio Code parece cumplir con todos los criterios. Lo acabo de descargar para probar.

https://code.visualstudio.com/docs?start=true

Echa un vistazo a Átomo .

  • Es muy fácil aprender a usar
  • Es gratis
  • No hay mucho soporte para la depuración, aunque debería poder encontrar un complemento o extensión
  • Compatible con Windows 10
  • Personalizable en términos de temas generales (llamados "temas de interfaz de usuario") y temas de código (llamados "temas de sintaxis"). Hay un vasto repositorio de temas (ver aquí )

Espero que esto ayude.

No lo hice, pero casi rechazo esta respuesta. Atom tiene lo que yo consideraría uno de los UX más tontos que he visto en un editor de texto. Compartiría un video si no fuera una molestia, pero en lugar de completar automáticamente el código, agrega la línea actual con el fragmento de código completo, por lo que obtienes console.l [opción de autocompletar para 'log'] y en lugar de hace console.log(); hace console.console.log(); Simplemente desagradable.
Tienes razón sobre la función de autocompletar de atom (o más bien, la falta de ella). Me olvidé de eso cuando lo estaba recomendando.
IDE de JavaScript rápido y gratuito que admite depuración, autocompletado de código, interfaz de usuario personalizable, informes de error detallados y compatible con WIndows
RespuestasAquíPolítica de privacidad1y, 0v