¿Cuál es el mejor IDE para desarrollo web en Windows?

El desarrollo web, tal como es, es un campo muy variado, por lo que la cuestión de una “mejor” elección de IDE es realmente difícil de discernir con precisión, si no imposible.

En su núcleo, el “desarrollo web” es generalmente solo tres cosas: HTML , CSS y Javascript . Los tres de esos idiomas se interpretan en texto sin formato, y no necesita el material pesado para poder trabajar con ellos, en el mismo sentido que normalmente no necesita Microsoft Word para redactar un archivo de texto sin formato.

En ese sentido, generalmente uso Notepad ++. Es liviano, hace el trabajo, es extensible y proporciona resaltado de sintaxis, lo que (al menos eso creo) es esencial en cualquier entorno de programación. Mucha gente también confía en Vim, y eso también lo puedo entender.

Sin embargo, el “desarrollo web” también puede ser céntrico y dependiente de algunas otras tecnologías. Puede estar hablando de desarrollo web ASP.NET, o tal vez desarrollo usando PHP. También están Rails y Java, entre otros.

Su elección final de tecnología dicta su IDE en cierta medida. Por ejemplo, el desarrollo de ASP.NET casi automáticamente asume que utilizará Visual Studio para el desarrollo, y eso estaría bien, pero no es algo que recomiendo con la programación de Java, por ejemplo. Lo mismo con Java / PHP con Eclipse. Obtienes la esencia.

En definitiva, depende. Es una pregunta amplia que hacer, y yo diría que no hay una respuesta única para satisfacerla.

Desglosaría esta pregunta por idioma, específicamente por el lado del servidor. Para el desarrollo web, cualquier IDE que uses deberá manejar efectivamente HTML, CSS y JavaScript, lo que realmente no debería ser un problema para los IDE modernos.

Entonces, veamos algunas opciones para los backends más populares en uso hoy en día.

Si está desarrollando en Python, puedo sugerir que pruebe PyCharm. caracteristicas:

  • Obviamente, soporte para Django y otros frameworks.
  • Depuración de Python integrada y pruebas de unidad
  • Asistencia y análisis de codificación, con finalización de código sensible al idioma, sintaxis y resaltado de errores, etc.
  • A muchos otros les gusta la edición previa en vivo, la compatibilidad con TypeScript y CoffeeScript, los cursores múltiples

Para PHP creo que PhpStorm es la mejor opción. Las características incluyen:

  • Código autocompletado que finaliza clases, métodos, nombres de variables y más
  • Detector de código duplicado
  • Depurador visual fácil de configurar: haga un perfil de sus aplicaciones con Xdebug o Zend
  • Versiones de control de integración de sistemas con Git y otros.

PhpStorm le permite desarrollar en la pila completa con facilidad y eficiencia.

Si está utilizando Node.js, eche un vistazo a WebStorm. Al igual que otros IDE de JetBrains (incluidos PyCharm y PhpStorm), tiene todas las características estándar que está buscando, así como:

  • Asistencia avanzada de codificación para Angular, React, Vue.js y Meteor
  • soporte para React Native, PhoneGap, Cordova e Ionic, por lo que es una excelente opción para el desarrollo móvil
  • Las inspecciones integradas informan cualquier problema posible mientras escribe

Ahora, JetBrains hace grandes productos, sin duda. Pero no son la única compañía que hay. Una última opción que vale la pena explorar es el IDE de Komodo, un gran IDE sin importar en qué lenguaje de fondo esté trabajando. Las características incluyen:

  • es compatible con más de 100 idiomas, incluidos Python, PHP, Go, Perl, Tcl, Ruby, NodeJS, HTML, CSS, JavaScript y más
  • Depuración remota de Chrome para que no tenga que buscar el mismo código en el navegador. Hazlo bien desde Komodo
  • Soporte para la integración React, Ember, Angular, TypeScript y PhoneGap & Cordova

Entonces, si está trabajando en diferentes proyectos en diferentes idiomas pero quiere usar solo un IDE, Komodo es probablemente el camino a seguir.

Estoy de acuerdo con Martin Velchevski.

Dreamweaver es un juego de niños, bueno para empezar (al menos ese fue el caso). Puse Notepad ++ a un lado después de las edades de uso. Soportes usados ​​por un año, hecho con él.
Ahora uso Sublime Text para una edición rápida y WebStorm para trabajos avanzados.

Comparación de editores de texto IMHO:

Métrica: Complementos de velocidad / gestión de idiomas UI
Texto sublime: 5 5/5 5 5
NotePad ++: 5 4/3 5 3
Soportes 3 4/5 2 4
Atom 2 IDK / 5 IDK 5

Webstorm para el desarrollo avanzado. Es simplemente increíble más allá de las expectativas. El único inconveniente es su velocidad.
Uso el texto sublime tanto como puedo. Combina texto sublime con:

  • Gulp o Grunt para ver archivos y muchas otras tareas de automatización de tareas
  • Árbol fuente para git / best git client con GUI
  • cmder o PowerShell / mejor que el terminal incorporado de Webstorms con su tamaño de texto no escalable
  • npm, gestión de paquetes
  • Nodo: al menos para servidor web.
  • Extensiones de navegador de recarga en vivo

Sería una discusión interesante ver cómo Sublime Text podría complementarse combinándolo con otras herramientas.

La línea de fondo:
Si no te importa la velocidad, ve a WebStorm. Tienes todo lo que necesitas en un paquete. Están al borde del desarrollo de IDE. ¡El poder de WebStorm muestra más para proyectos de mayor tamaño y sus problemas de velocidad empeoran!

En mi opinión, JCppEdit es un IDE muy interesante, interesante e interactivo que hace que la programación sea mucho más fácil y divertida en comparación con algunos IDE conocidos. Es un IDE que admite 7 lenguajes diferentes (C, C ++, JAVA) para programación y (HTML, CSS, JAVASCRIPT, XML) para desarrollo web que son bastante importantes y conocidos en el mundo actual.

Es un IDE realmente efectivo y eficiente para todos aquellos jóvenes geeks de computadoras que desean aprender a programar pero que se mantienen alejados de la misma porque les resulta aburrida (gracias a algunos “IDE populares”) o le tienen miedo. JCppEdit está aquí para ayudar a la generación joven a superar este aburrimiento y este temor.

Realmente es muy fácil instalar el IDE (y cuando digo fácil, lo digo en serio). No requiere la instalación de ningún complemento adicional ni ninguna configuración de hardware especial.

Tiene los siguientes requisitos mínimos del sistema: –

Disco Duro -580Mb

RAM – 256MB

OS – Windows XP a Windows 10.

Ahora que viene a la parte después de instalar el software, solo necesita abrir el IDE y luego comenzar a ver la magia.

Para comenzar, vaya al archivo y tendrá la opción de crear una nueva carpeta de proyecto o un nuevo archivo separado. Es recomendable trabajar con una nueva carpeta de proyectos. Cuando creas una nueva carpeta de proyectos, puedes ir a un nuevo archivo y elegir qué archivo para trabajar con el nuevo archivo aparecerá justo debajo de la carpeta de proyectos en la ventana del explorador de proyectos.

Ahora, en la ventana del explorador del proyecto, tiene múltiples características como la opción de selección múltiple, copiar y pegar, renombrar, copiar la ruta del archivo, ver la ubicación del archivo y actualizar.

Pasando a trabajar con un nuevo archivo, cada archivo consta de plantillas básicas predefinidas que son relevantes para el idioma con el que trabajamos, ya sea un archivo de diseño web de HTML o un archivo de programación de C.

Por ejemplo, para un archivo HTML, consta de las etiquetas más importantes, como la etiqueta html, la etiqueta del encabezado, la etiqueta del título, la etiqueta del cuerpo, etc. De manera similar, al crear un nuevo archivo C, ya tendrá los archivos de encabezado básicos y las funciones principales. escrito.

Cuando trabaja con un archivo, puede hacer cambios en la ventana del editor haciendo clic en Configuración y luego en el entorno. Aquí puede realizar muchos cambios según sus requisitos, como cambiar la fuente y el tamaño del editor, modificar el modo de representación del texto y la combinación de colores, elegir los archivos asociados, etc.

Ahora mientras trabajas obtienes las siguientes características: –

Autocompletar: le ofrece una lista de sugerencias de palabras clave importantes y otras clases y nombres de objetos con cada pulsación de tecla.

Guardado automático: guarda el programa automáticamente con cada pulsación de tecla (de modo que la próxima vez que se enciendan las luces, no llores, ya que el IDE mismo ha guardado el archivo).

Pero las siguientes funciones están destinadas solo para la sección de programación:

AutoIndent: -Mantiene la sangría automáticamente para asegurar la claridad del programa (no se preocupe por mantener la sangría).

Compilación automática (junto con la detección de errores en tiempo real): – Compila automáticamente con cada pulsación de tecla (lo que significa que el IDE le ayudará a señalar sus errores en tiempo real).

El IDE utiliza dos compiladores, principalmente Borland5.5 y MinGW (el compilador basado en Linux).

Algunas características adicionales que pueden ayudar en cualquier momento en cualquier lugar son:

  • Copiar y pegar múltiples
  • El icono de reproducción universal o la tecla F9 para compilar un programa o ver una página HTML en un navegador.
  • Tabla y calculadora ASCII incorporadas (para asistencia en la programación).
  • Selector de color y visor de imágenes (lo ayuda cuando está desarrollando páginas web).
  • Una sección de referencia detallada completa para cualquier idioma con el que esté trabajando (lo ayuda incluso si no tiene a alguien que lo guíe).

En lo que respecta a la respuesta a la pregunta “¿cuál es el mejor IDE?”, Puede significar diferentes cosas para diferentes personas dependiendo de su forma de pensar, pero si queremos grandes programadores en el futuro cercano, debemos dar a nuestra generación más joven un bien y Fuerte base que se puede cumplir con este IDE.

Después de leer todas estas líneas, si se siente lo suficientemente convencido (o incluso si no lo está), visite su sitio web: una plataforma para muchos idiomas También hay un período de prueba gratuito de 30 días (según mi conocimiento). Descárgalo y ayúdate.

Fui uno de los primeros en adoptar SublimeText y (ab) lo usé ampliamente para todo tipo de proyectos HTML / CSS / SCSS y JavaScript. Hace unos meses me invitaron a probar el átomo de Github, pero no me sorprendió ni deleitó. Es demasiado pronto para ser tan sólido como lo es Sublime.

Sin embargo, recientemente empecé a desarrollar con frameworks JS como Angular, Express, Node, etc. y descubrí la necesidad de pasar de un editor de texto a un IDE dedicado.

Hace unos días compré WebStorm y hasta ahora ha sido una experiencia increíble. Sí, echo de menos el “mapa de código” de Sublime y algunas otras características ingeniosas, pero aparte de que WebStorm está llena de maravillas. ¡Las herramientas de refactorización son simplemente brillantes! Intellisense es excelente y la forma en que el IDE maneja la administración de archivos, las rutas de archivos y las interfaces con marcos como Angular es simplemente una delicia.

El terminal incorporado es realmente útil. El depurador es sólido y lleno de características ingeniosas. Descubrí que LiveEditing era algo torpe y poco confiable, sin embargo, estoy usando Gulp.js para eso de todos modos, así que realmente no me importaba.

Los esquemas de color en ninguna parte son tan abundantes como deberían haber sido. Y, para ser sincero, ninguno de los predeterminados es bueno. Esto es algo que realmente me molesta.

En general, me encanta WebStorm! Lo obtuve con una licencia académica y solo me costó 32 EUR. Vale la pena el dinero, considerando el precio de SublimeText de $ 72 y los $ 75 de Coda … (no es que deba comparar un editor de código con un IDE)

Descargo de responsabilidad: estoy en una Mac, sin embargo, WebStorm también está disponible para Windows.

Para la mayoría de los idiomas, Eclipse hace el trabajo realmente bien (J2SE, J2EE, PHP con PDT, C / C ++ con CDT y mucho más). No todos ellos son para desarrollo web, pero es realmente bueno trabajar siempre en el mismo IDE, independientemente de lo que se trate de su proyecto actual. La única excepción es si desea trabajar en una plataforma .Net para ASP. Entonces, no tendrás una amplia elección. Aunque, Visual Studio no es lo peor.

Si está buscando algo realmente liviano, PsPad y / o Notepad ++ son los mejores (muchos complementos para todos los idiomas posibles y resaltado de sintaxis). Creo que PsPad ya no se mantiene (se debe verificar) pero todavía lo uso. Es realmente genial y ligero para PHP, Javascript, css, etc., pero no tendrá autocompletado ya que no es realmente un IDE.

Yo amo a aptana Es y es compatible con la mayoría de los idiomas del sistema operativo. El único inconveniente es que está en Java, y algo aturdido.

Desde esta respuesta, cambié al editor de texto electrónico. Es la versión para Windows de Textmate y admite temas y paquetes. Poco después, cambio de win7 a Linux, y ahora estoy usando gedit (editor de texto predeterminado para Ubuntu Studio), con un mod de Textmate. Me gusta mucho poder hacer rápidamente fragmentos de código mientras escribo.

Me gusta el modelo Textmate debido a su simplicidad, combinado con características útiles. Cualquiera que sea el editor que elija, le aconsejo que elija uno que le permita personalizar todo sobre la fuente y los colores. Comenzará en él durante horas, debería poder hacerlo agradable y resaltar la sintaxis de una manera que sea útil para usted.

Hago todo mi desarrollo en la nube, c9.io me da una imagen de docker de ububtu nueva cada vez que hago clic en ‘nuevo proyecto’ para evitar algunas de las … dificultades … con el entorno de Windows 8.

Echo de menos a un editor de texto de calidad (uso Atom al desarrollar localmente en Windows) … Pero he luchado contra Windows lo suficiente para saber cuándo estoy perdiendo el tiempo arreglando un problema en particular 🙂

Estoy seguro de que mi experiencia sería mejor con un nuevo portátil “de superficie” con un procesador Intel decente … ¡pero si ese fuera el caso, en lugar de eso estaría comprando mi primer Mac!

Si no desea instalar nada, Koding es una buena opción. VM gratis, terminal, espacio de 1Gb y 2Gb de RAM, todo en el navegador con acceso a tus archivos desde cualquier lugar.

Cambié a Visual Studio Code hace un año y medio.

Nunca miré atrás. Uno de los mejores IDE para CUALQUIER idioma (con las buenas extensiones populares).

Adivina qué encuesta reciente de StackOverflow (2018) mostró que los desarrolladores de IDE número 1 que están usando en este momento en todo el mundo son: Código de Visual Studio. : 3

Absolutamente iría para Visual Studio.
Es compatible con HTML5, Javascript y para PHP hay un buen complemento
Herramientas PHP para Visual Studio

Yo recomendaría estos IDE:

  • Sublime: muy rápido, bueno para el desarrollo de front-end, pero también PHP
  • Brackets: buen software, bueno para front-end, CSS
  • PHP Storm: IDE robusto, excelente para el desarrollo de back-end

Me gusta Netbeans por su simplicidad y lo uso casi todos los días desde hace aproximadamente 2 años. Tiene todo lo que necesito para el desarrollo de Python o PHP. Usé Eclipse antes, pero me abrumó la cantidad de funciones.

Aptana Studio 3.x

He usado Eclipse, Notepad ++ y Netbeans y creo que Netbeans es mejor que al menos los otros dos. Es muy fácil de usar y tiene casi todas las características con las que un desarrollador web soñaría.

Utilicé Notepad ++ simple pero potente. Aunque Eclipse también es un buen editor.

Puedo sugerir algo que escribí: http://online-php.com este es un editor en línea para editar archivos en FTP. Esto es algo que uso y recomiendo a otros.

Prueba web storm, eclipse.