¿Qué es un "IDE" para sitios web que pueden realizar un "proceso de creación"?

Estoy buscando un editor de texto (podría ser más un IDE con todas las características) que al principio actúe como un editor de texto normal. Sin embargo, necesito algo en lo que pueda hacer clic en una opción como "compilar para producción" que hará varias cosas (dependiendo de la configuración que tenga) como:

  • Minimice el código fuente (es decir, elimine los espacios en blanco)
  • Oscurezca el código para un poco más de seguridad y tal vez reduzca la longitud de algunos nombres de algunos elementos (es decir id=navigation-inner-float-right--> id=a75). Dado que no mejorará mucho la velocidad/seguridad, esta no es una de mis principales preocupaciones, solo una preferencia personal. Sin embargo, si hiciera esto, tendría que asegurarse de cambiar el código universalmente para que aún funcione.
  • Compilar menos código
  • Eliminar código no utilizado (relacionado: Herramienta para eliminar CSS no utilizado )
  • Pruebas unitarias para cualquier código modificado/afectado

Algunas otras ventajas:

  • Código abierto (aunque debe ser gratis )
  • Ser capaz de depurar/ejecutar localmente cualquier secuencia de comandos del lado del servidor
    • Se necesitaría una base de datos MySQL local para que esta característica sea útil
    • Sería bueno tener esta parte completamente portátil para poder desarrollar en una máquina y pasar a otra sin problemas y sin esfuerzo (similar a Vagrant )
  • Ser capaz de limpiar mi código reformateando con un comando/eliminar espacios en blanco finales

Idiomas a ser compatibles:

  • PHP
    • Laravel (opcional, pero me gustaría mucho jugar con él)
  • HTML
  • CSS
  • Menos
  • JavaScript
    • jQuery (o mejor... cualquier biblioteca externa)
  • Node.js (opcional, pero me gustaría jugar con él)
  • RoR (opcional, pero me gustaría jugar con él)

Para ser perfectamente honesto, una utilidad externa estaría bien si cumpliera con todas las expectativas anteriores. Siento que un IDE que pudiera ofrecer todo esto incorporado sería un poco más fácil de usar. Koala parece ser un paso en la dirección correcta como utilidad, pero se limita a Less/Sass.

En general, estoy buscando un sistema de compilación. He visto menciones de un "proceso de compilación" (lo que implica un sistema de compilación) en varios lugares, incluido el sitio para desarrolladores de Yahoo!, por lo que parece que están disponibles. Sin embargo, todo eso podría ser software interno. ¿Hay algo que pueda usar gratis para hacer el equivalente?

Dudo que lo haga de inmediato, pero Eclipse podrá hacer algo de eso, y hay complementos en Eclipse que pueden hacer algunas de las otras cosas.
¿ Conoces a Grunt ? Todavía es solo una herramienta de línea de comandos y debe proporcionar la configuración en un archivo JavaScript. +1 También necesito un IDE para dedicar más tiempo al desarrollo que a las configuraciones de compilación.
@ComFreek Interesante... tendré que perder el tiempo cuando tenga tiempo. No puedo encontrar nada sobre el soporte de PHP... :/

Respuestas (1)

Parece difícil encontrar una ide que se ajuste a todas sus necesidades, pero ahora existe Visual Studio Code

Todos sus requisitos son posibles pero no listos para usar. Tienes que crear una tarea (con grunt/gulp por ejemplo) para compilar scripts, ofuscar, limpiar, minificar y probar - Código de oscurecimiento; lo mismo que Minificación. - Elemento de la lista

Sin embargo, es:

  • Gratis
  • Capaz de depurar Node.js (JavaScript y TypeScript), C# y F#
  • Código de formato (con Shift+Alt+F)

Y soporta (entre otros):

  • Con coloración de sintaxis, coincidencia de paréntesis
    • PHP, rubí
  • Con coloración de sintaxis, coincidencia de corchetes + IntelliSense, pelusa, contorno
    • HTML, CSS, Menos, Javascript
  • Con coloración de sintaxis, coincidencia de paréntesis, IntelliSense, pelusa, contorno + Refactorización, encuentre todas las referencias
    • Mecanografiado

Cuando usa Typescript/Javascript, tiene una experiencia de depuración completa para node.js. Cuando usa php, puede incorporar cualquier marco que desee, pero el editor no proporciona ninguna capacidad adicional para ello.

Dado que necesita hacer la mayor parte de la construcción con tareas, también puede usar grunt/gulp por sí solo, pero para editar y depurar el código de Visual Studio le proporcionará algunas sutilezas.

¡Bienvenido a Recomendaciones de software! Preferimos que las respuestas sean bastante largas y elaboradas, en lugar de solo un enlace y "Esto lo haría". ¿Podría explicar cómo hace lo que la pregunta necesita? ¿Qué ventajas de la pregunta encaja y cuáles no? Idealmente, el OP podría examinar su respuesta sin visitar el enlace externo. Eche un vistazo a esta discusión sobre cómo escribir una buena respuesta.
¿Qué es un "IDE" para sitios web que pueden realizar un "proceso de creación"?
RespuestasAquíPolítica de privacidad1y, 0v