Editor de código fuente para HTML/CSS/JS con soporte para proyectos

Estoy buscando un editor de código fuente con soporte para:

  • Resaltado de sintaxis Javascript, HTML, CSS
  • Autocompletado, formato de origen (para los idiomas anteriores)
  • 'Proyectos' donde puede definir directorios de proyectos y abrir todos los archivos que usó por última vez en el proyecto abriendo un 'proyecto'
  • preferiblemente portátil (menos de 999mb)

Como Notepad ++ con soporte integrado para Javascript, HTML, CSS, resaltado de sintaxis, finalización automática, formato de fuente y proyectos.

Necesito que sea gratis y funcione en Windows 7.

Respuestas (11)

Yo sugeriría Adobe Brackets

  • Javascript, HTML, CSS : se hizo para esos idiomas.

  • Resaltado de sintaxis, finalización automática, formato de fuente (para los idiomas anteriores) : todo integrado.

  • 'Proyectos' donde puede definir directorios de proyectos y abrir todos los archivos que usó por última vez en el proyecto abriendo un 'proyecto' : abre el último archivo en el que estuvo trabajando en el proyecto; solo abre un archivo a la vez. Sin embargo, el árbol se carga rápidamente.

  • portátil (menos de 999mb) : la versión portátil aún no es oficial, pero la fuente está disponible. Además, algunas personas han tenido éxito haciéndolo portátil ellos mismos. Aquí está la versión de PortableApps .

Sus millas pueden variar, pero funciona bastante bien cuando lo uso.

EDITAR: Reabre en gran medida los últimos archivos que tenía abiertos en "Archivos de trabajo". Actúan como pestañas abiertas, pero en un plano vertical en lugar de uno horizontal.

Este es uno de los mejores editores que he conocido. ¡También tiene vista previa en vivo en Chrome! Funciona muy bien en USB y versión instalada. Estoy marcando esto como la respuesta, ¡es genial!

Puede usar Sublime Text , que resalta la sintaxis, completa automáticamente, formatea la fuente, está organizado por carpeta (que es más o menos un proyecto) y puede usarse para la programación web. Es gratis (la versión de prueba no tiene límite de tiempo ni de características), funciona en Windows y hay disponible una versión portátil.

La interfaz de Sublime es más rápida que Eclipse, sin embargo, su autocompletado está limitado sin complementos.

Desafortunadamente, no es gratis, sin embargo, hay una prueba de tiempo ilimitado.ingrese la descripción de la imagen aquí

Tenga en cuenta, sin embargo, que la función de autocompletar es bastante inestable, simplemente sugiere cualquier palabra en su archivo. Sin embargo, se puede arreglar con complementos.
Conozco a un desarrollador web que usa esto.
Entonces, ¿prueba de tiempo ilimitado = algo así como winrar? ¿Recibo una notificación molesta como en WinRar después de 30 días?
No importa cuál sea el efecto visual; si el requisito es que el software sea gratuito, entonces Sublime no lo cumple.
@moopet Es gratis (en términos de uso), así que pregunto si muestra un mensaje que diga "compre por favor". Para obtener información adicional antes de descargarlo. ¿Cuál es el problema en eso?
Nada como tal, pero tal vez podría editar la pregunta para decir algo como "evaluar gratis o gratis" para que la pregunta ayude a alguien en el futuro.
SublimeText2 es un software molesto, pero el molesto no es demasiado agresivo. Pero estaba acostumbrado a TextPad antes de cambiar, y también me molesta. Tiene una finalización de código decente para JS y PHP, por lo que puedo decir. Prefiero un complemento "Mejor Javascript" que el predeterminado para resaltar el código JS.

Puede usar Netbeans , que resalta la sintaxis, completa automáticamente, formatea la fuente, está organizado por proyecto y puede usarse para la programación web . Es gratis, funciona en Windows y se puede hacer portátil .

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Todavía está en desarrollo temprano, pero es posible que desee ver Atom :

  • Javascript, HTML, CSS : admite todos estos.
  • Resaltado de sintaxis, finalización automática, formato de origen (para los idiomas anteriores) Admite todas estas funciones.
  • 'Proyectos' donde puede definir directorios de proyectos y abrir todos los archivos que usó por última vez en el proyecto abriendo un 'proyecto' : no ​​se admite en la versión base, pero el paquete del administrador de proyectos agrega soporte de terceros para las capacidades del proyecto, supuestamente similar a Sublime Text.
  • preferiblemente portátil (menos de 999 mb) - El .zip de Windows Alpha es actualmente de 62 mb. Solo necesita extraerlo y luego ejecutar Atom.exe, por lo que creo que debería ser portátil. Sin embargo, no estoy seguro de dónde se guardan las configuraciones.

Además, es de código abierto , bajo Licencia MIT y diseñado para ser altamente personalizable a través de paquetes . Aunque todavía está en Alpha, creo que definitivamente vale la pena echarle un vistazo ya que está en un desarrollo muy activo.

Captura de pantalla del editor de átomos

La interfaz es excelente, cumple con mis requisitos, pero encontré que Brackets es aún mejor. ¡Sin embargo, +1 para la opción adicional!

Recomiendo Cloud9 . Cumple y supera sus requisitos:

  • Es compatible con Javascript, HTML, CSS y muchos más
  • Tiene resaltado de sintaxis, finalización automática y formato de fuente, utilizando el editor Ace que utilizan sitios como GitHub; de hecho, Cloud9 es la "C" en "Ace".
  • Sus 'Proyectos' no son solo directorios separados con vistas recordadas, sino máquinas separadas , con vistas que se sincronizan con la nube y se pueden usar en múltiples dispositivos (por múltiples usuarios, si es necesario) simultáneamente
  • Como IDE en la nube, es muy portátil: puede ejecutarse en cualquier máquina con un navegador web (moderno) y no ocupa espacio para instalar (0 MB).

Durante el último año y medio, Cloud9 ha sido el único IDE en el que hago desarrollo. Acaban de impulsar una revisión significativa la semana pasada, por lo que incluso si lo ha comprobado antes, ¡échele un vistazo!

¡La página de inicio se ve genial! ¡Pero no puedo hacer que el sitio web responda! Abre mi tablero y luego Chrome dice "¿quieres eliminar esta pestaña?". ¿Conoces alguna solución?
El panel tarda unos 20 segundos en cargarse (los espacios de trabajo reales son bastante rápidos): si ha esperado unos minutos y aún no se ha cargado, puede ponerse en contacto con el soporte enviando un tweet a @C9Support, enviando un correo electrónico a support@c9.io , o yendo a c9.io/support/reportabug

Hay muchas herramientas que pueden lograr eso.

Personalmente, me gustó Eclipse IDE para desarrolladores de JavaScript. También usé Eclipse para Java con complementos HTML/JS para lograr lo mismo. Admite pestañas, proyectos y muchas otras cosas. Funciona en Windows, Linux, Mac OS X.

El único inconveniente de Eclipse es que algunos usuarios lo encuentran demasiado pesado cuando se usa en PC con especificaciones bajas.

Eclipse es portátil. Lo estoy ejecutando desde un disco externo para mis propios fines. También tiene menos de 999 MB (mi propia configuración de Eclipse con mis propios complementos es de aproximadamente 170 MB).
¡Nunca lo supe! ¡Siempre pensé que era un programa muy grande! lo intentare ahora
Depende de lo que consideres "muy grande". Es enorme en comparación con Notepad++, por supuesto :-) Pero entre 5 y 10 veces más pequeño que MS Visual Studio 2012.
Sí, supongo que sí. Lo descargaré cuando esté en mi PC con Windows y lo probaré :) ¡+1 para la respuesta!
Mi carpeta de Eclipse tiene 400 MB, pero depende de los complementos que instale.
Personalmente, uso Eclipse porque tiene una cantidad impresionante de funciones, pero de hecho lleva un tiempo acostumbrarse y es un poco lento. Por cierto, es posible que desee probar Sublime Text, puede encontrarlo incluso más limpio que Netbeans (muchas personas lo hacen).
@FranckDernoncourt Pero Sublime Text se paga, ¿no? $ 70 según el sitio web
La versión de prueba no tiene límite de tiempo ni de funciones, por lo que, en la práctica, es gratuita a menos que desee ser una donación. Lo he agregado como respuesta.

Si está interesado en el IDE basado en navegador, puede visitar https://codenvy.com/

Admite varios entornos de desarrollo, incluido HTML/JS. Jugué con él hace algún tiempo y lo encontré bastante receptivo y agradable en cuanto a funciones.

Además, utilicé https://koding.com/ hace mucho tiempo y estaba a punto de recomendarlo, pero parece que ya no es gratuito, por lo que no cumplirá con sus requisitos. Sin embargo, mientras investigaba para otros, encontré la siguiente tabla: http://en.wikipedia.org/wiki/Online_JavaScript_IDE

Se ve bien. Yo estaba interesado en uno en línea. Cloud9 no funcionó, ¡pero Codenvy es genial! +1

Uso el editor SynWrite (gratis, de código abierto). Para sus artículos:

  • Resaltado de sintaxis para HTML/JS/CSS: sí
  • Autocompletado para HTML/CSS: sí
  • Autocompletado para JS: aún no existe tal complemento (pero es posible)
  • Formato de origen: sí para algunos idiomas: consulte Complementos de formato
  • Proyectos: si
  • portátil: sí

sintetizador

¿Por qué la interfaz de usuario no es tan buena? Tienes barras de herramientas, paneles, proyecto.
Lo siento, no quise decir la interfaz de usuario, quise decir en comparación con la respuesta aceptada, los colores y el posicionamiento no son tan buenos.
No está bien. En comparación con los soportes, los colores están bien, todos se pueden cambiar en opt. Los soportes tienen otras características. Soporte más completo para JS, autocompletar para JS, por ejemplo, pero SynWrite tiene soporte más completo para otros idiomas (Brackets es para web, Synwrite es para todos, no solo web, como Notepad ++)
Pero se están haciendo extensiones si alguna vez quiero soporte para otros idiomas. Por ahora, necesito idiomas web. No digo que este sea un mal programa, pero prefiero más Brackets.
No veo lo que quieres decir. Qué extensiones... qué soporte de idioma necesitas...
Digo, prefiero Brackets. Pero cuando dijiste But SynWrite has more full support for other langs (Brackets is for web, Synwrite is for alldije, no los necesito. No hay nada más que pueda decir, por alguna razón, prefiero más Brackets.
Bien, usa Brackets entonces, a pesar de su comienzo lento.
¡¿LENTO?! Se abre en segundos (sin exagerar) en mi computadora portátil win7 de 4 gb ram. Además, Brackets tiene vista previa en vivo . Lo cual es muy útil para mí, porque a menudo omito letras pequeñas con gran importancia en mis lenguajes de desarrollo web.
Hm, entonces la velocidad es mejor ahora. Los corchetes son buenos en general: el editor en línea es gut ...
Sí. ¡La velocidad es excelente y la vista previa en vivo es LA MEJOR!

Sugiero mirar Codelobster

Es mi editor HTML/CSS/JS gratuito favorito. Tiene:

  • PHP, HTML, JavaScript, resaltado de código CSS
  • PHP, HTML, JavaScript, código CSS colapsando
  • Autocompletar HTML
  • Autocompletado de etiquetas, atributos para la etiqueta actual, etiquetas de cierre
  • Inspector de código HTML/CSS
  • barra de herramientas HTML
  • Autocompletar CSS
  • Autocompletado de nombres y valores de propiedad de estilo
  • Autocompletado avanzado de JavaScript
sería bueno confirmar si es portátil y/o tiene soporte de proyecto como se define en la pregunta; aparte de esa buena respuesta.

Recomendaría Komodo Edit de ActiveState. Cumple con todos sus requisitos de,

  • Tener resaltado de sintaxis Javascript, HTML, CSS
  • Tener soporte de Autocompletar y Calltips para los idiomas anteriores
  • Tener soporte de Proyectos
  • Libre
  • Compatible con Windows 7

Junto con esas características, también tiene,

  • Editor multilingüe
  • Cambio de camino
  • Visor de rebajas
  • Integración con Kopy.io
  • Selecciones múltiples
  • Caja de herramientas
  • Máscaras y conjuntos de iconos
  • minimapa
  • Utiliza la columna vertebral de Komodo IDE

Edición de Komodo (código abierto)

Komodo Edit es un editor de código rápido, inteligente, gratuito y de código abierto. Cambiar su editor de código de confianza es difícil, pero pruebe Komodo Edit (o su hermano mayor Small Komodo IDE iconKomodo IDE): valdrá la pena.

¿Windows, Mac, Linux? Sí. PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML5, CSS 3? Sí, con colores de sintaxis (personalizables), plegamiento, verificación de sintaxis en segundo plano y excelente autocompletado y sugerencias de llamada (lo llamamos "inteligencia de código"). ¿Qué otra cosa? Apertura rápida (se acabaron las búsquedas lentas de archivos); edición remota de archivos; Combinaciones de teclas Vi (buenas); y una caja de herramientas con integración de comandos de shell, macros y fragmentos de código... todo envuelto alrededor de un editor modificado y un mecanismo de extensión igual que el de Firefox.

IU de edición de Komodo

Pruebe AceHTML de Visicom Media.

Simplemente escriba el nombre en su motor de búsqueda. La versión gratuita es completamente funcional, y la versión PRO 6 tiene más funciones añadidas. Este es mi editor de texto caballo de batalla con el que creé y estoy administrando mis 2 sitios web. No es WYSIWYG, y funciona solo en Windows (funciona bien en mi Windows 10 64/32 bits con privilegios de administrador) Tiene todos los criterios que está buscando: demasiados para enumerar, todos en los menús desplegables limpios, sin manual necesario. Cambiar al visor interno está a solo un clic de distancia, al instante, sin cargar su navegador para verificar su código, y con el editor de texto y el visor de página completa, este es, con mucho, el mejor programa de edición que encontré hasta ahora. cerca. He buscado uno así para Linux, pero no he encontrado ni uno que pueda instalar y usar.