IDE con vista previa de sitios web HTML, CSS y JavaScript

Quiero crear un sitio web utilizando CSS, HTML y JavaScript, y estoy buscando un software que me ayude a detectar errores de codificación, por ejemplo, etiquetas faltantes y preferiblemente tener una pantalla de vista previa del marcado.

La opción de integrar el código del lado del servidor o FTP con el IDE no es importante en esta etapa, ya que solo quiero poder crear la apariencia del sitio web con este software.

Consideré usar Notepad++, pero preferiría tener un editor más adecuado para diseñar sitios web con estas tecnologías.

Si hay sugerencias sobre complementos o complementos adecuados con el software, eso también sería útil para esta tarea.

Espero encontrar algo que sea gratis, pero soy consciente de que esto no siempre es posible.

Estoy usando Windows 10 pro en un AMD A10-7870k con un núcleo cuádruple de 64 bits. Normalmente vivo en Visual Studio y Android Studio. He usado Dreamweaver en años pasados ​​y tiendo a inclinarme por Netbeans sobre Eclipse, pero he usado ambos y estoy abierto a ideas.

Estoy usando NetBeans durante un par de años y estoy muy contento con este entorno (usándolo para HTML/PHP). En mi opinión, es más fácil empezar con Eclipse.
@martinstoeckli sí, tengo netbeans y lo acabo de actualizar. Por favor, publique una respuesta. Normalmente vivo en Android Studio y VS y, naturalmente, prefiero netbeans a eclipse.
Es interesante que en un sitio tan nuevo una pregunta con 4 respuestas votadas no tenga votos. ¡Bueno, al menos no tiene votos negativos!

Respuestas (4)

Adobe Brackets proporciona vistas previas en vivo de sus páginas y tiene muchas características convenientes para los desarrolladores web. Desde su sitio:

ingrese la descripción de la imagen aquí

Además, hay complementos como W3C Validation para verificar errores, pero creo que también tiene una función de verificación integrada.

esto es realmente bueno. Lo estoy usando para esta etapa del desarrollo, donde no hay php y solo quiero obtener el diseño. gracias por eso.
@Yvette Me alegro de ser de servicio :)

Cuando se trata de un IDE gratuito para el desarrollo web, sugeriría Eclipse para desarrolladores de PHP

Se centra en PHP, pero puede codificar HTML, CSS y Javascript y poder obtener una vista previa de sus cambios sin tener que mirar un navegador. (Aunque es necesario un navegador como FireFox o Chrome para ver encabezados, DOM, etc.)

Otra gran sugerencia es Sublime Text . No es exactamente un IDE, pero es un editor muy poderoso que admite casi cualquier lenguaje de programación que pueda nombrar junto con un extenso sistema de complementos. Tiene todas las capacidades de un IDE, como resaltado de sintaxis, correcciones y sugerencias. También puede obtener una vista previa de su código con un complemento llamado View In Browser .

Estas dos sugerencias son gratuitas y multiplataforma . Eclipse es de código abierto, mientras que Sublime le permite crear complementos según sea necesario.

Probaré todas estas sugerencias, ya que quiero hacer mi vida lo más fácil posible y, a veces, eso requiere más esfuerzo por adelantado para descargar y probar cosas.
Sí definitivamente. Uso mucho Sublime Text. Es fácil y poderoso. La curva de aprendizaje es menor que Eclipse. Realmente solo depende de sus necesidades de desarrollo. Ambos programas son potentes.

Mi elección para todo tipo de desarrollo web es NetBeans .

Me gusta este entorno gratuito, es un IDE de desarrollo completo y es muy fácil comenzar con él (configurar un nuevo proyecto es muy sencillo). Ha incorporado soporte para varios idiomas como Java, PHP, Html con CSS.

gracias por eso, sí, he instalado algunos complementos de netbeans y probaré netbeans +1

Le recomiendo que piense seriamente en PhpED . ¿ Mi respuesta a elegir un paquete PHP IDE y SVN para el desarrollo de software profesional? enumera algunas de sus características/beneficios. PHPEd no es solo un editor de PHP. Desde su sitio web:

PhpED es el IDE de PHP líder con editor de PHP avanzado, depurador de PHP y perfilador de PHP, Code Insight, cliente de base de datos, sistema de ayuda integrado, soporte completo para JavaScript, HTML, CSS, XML, SMARTY, XHTML y otros.

Proporciona una pestaña de vista previa para representar su código como se vería en un navegador. Es relativamente económico para la versión “personal” ($80 US) y ofrece una versión de prueba para descargar.

muy bueno gracias, no había oído hablar de esto. Lo investigaré.
IDE con vista previa de sitios web HTML, CSS y JavaScript
RespuestasAquíPolítica de privacidad1y, 5v