Editores de Código para desarrollo Web

SubimeText

SubimeText

Aunque el titulo de este articulo hace referencia a editores de texto para el desarrollo web, también queremos resaltar algunos IDE’s que aparte de ser unos entornos muy completos también cumplen con las características de un editor de texto optimizado para el diseño y programación de sitios web, así mismo cabe decir que estas herramientas no solo apoyan el desarrollo web, sino también la programación desktop y mobile, de igual forma muchas tareas que a diario realizamos en el ordenador, así que empecemos:

 NetBeans IDE

Netbeans

Es toda una plataforma de desarrollo integrado de código abierto pensada principalmente para JAVA, pero con soporte para múltiples lenguajes de programación como C++, C#, PHP, JavaScript entre otros, posee una gran cantidad de plugins que posibilita el desarrollo rápido de aplicaciones de todo tipo, con este IDE puedes tener todos tus proyectos de desarrollo abiertos al tiempo con lo cual hacer paso de un proyecto a otro es a solo un golpe de clic, también puedes hacer uso de control de versiones como GIT y Mercurial con muy pocas configuraciones, así mismo Netbeans está disponible en los sistemas operativos Windows, Linux y Mac OS X.

Eclipse IDE

Eclipse IDE

Ha sido una controversia a lo largo de muchos años la competición entre Eclipse y NetBeans al elegir cual es mejor de los dos (Tema que no es de este artículo), ya que son Entornos de desarrollo que fueron creados principalmente para JAVA pero que al pasar del tiempo han ido implementando múltiples funcionalidades haciendo uso de Plugins para soportar diversos lenguajes de programación y tecnologías, algo interesante de Eclipse IDE es que desde su sitio web puedes descargar un entorno de desarrollo optimizado para el lenguaje que deseas trabajar por ejemplo podemos encontrar:

Eclipse IDE for Java Developers

Eclipse IDE for Java EE Developers

Eclipse for PHP Developers

Eclipse for Scout Developers

Eclipse Plugin for IBM Bluemix

Entre muchos más, lo que garantiza al desarrollador contar con las herramientas necesarias para trabajar en un lenguaje de programación en particular sin tener una serie de cosas que puede que jamás necesitaría, también recordando que Eclipse IDE también es Multiplataforma.

SublimeText

SubimeText

Uno de los editores de código que ha revolucionado al mundo de la programación y el desarrollo ha sido SublimeText que cursa actualmente por su versión 3, una gran mayoría de profesionales se encuentra usando este software gracias a la multitud de funciones con las que cuenta y su fácil uso, una de las ventajas es su rápida ejecución frente a otros IDE’s (Abre en pocos segundos), además de esto SublimeText es multi plataforma, lo que le permite residir muy cómodamente en Windows, Linux y OS X, aunque tiene un Costo $70 (Muy bajo a mi parecer), también puedes hacer uso de forma gratuita por tiempo indefinido, con el inconveniente que en lapsos de tiempo te recordara que usas una copia gratuita al momento de guardar, si me preguntan con cual me quedaría sin duda esta seria mi elección.

Atom

Atom

Atom

Otro editor de código muy interesante es Atom, viene con una interfaz muy similar a la de SublimeText, muy ligero y cuenta con soporte para múltiples lenguajes de programación, así mismo como es de esperarse es multiplataforma
disponible en los sistemas operativos Windows, OS X y Linux, entre una de sus características es su gestor de paquetes con el cual
podrás buscar e instalar entre miles de paquetes existentes todos los que necesites para empezar trabajar en tus proyectos, otro aspecto bastante relevante en este editor
es su auto-completado inteligente que te ayudará a escribir código de una manera mucho más rápida.
y por último pero no menos importante es mencionar que Atom es una aplicacion de escritorio que integra HTML, JavaScript, CSS y Node.js
que se ejecuta en Electron, un marco para el desarrollo de aplicaciones utilizando tecnologías web!.

Atom es de esos proyectos Cool, puedes personalizarlo a tu antojo con CSS y hasta añadir o quitar funciones con HTML y JavaScript, también puedes crear tus propios paquetes y temas.

Notepad++

Notepad++

Aunque este editor de código no sea tan apetecido actualmente por muchos desarrolladores, de seguro en su momento lo haz utilizado, en particular fue una de las primeras herramientas que conocí para edición de código soporta una lista larga de lenguajes de programación para el resaltado de sintaxis, cuenta con plugins, tabpanels para la gestión de varios documentos abiertos al tiempo, es software libre programado en C++ y corre sobre plataformas Windows con una interfaz gráfica totalmente personalizable.

Brackets

brackets

Si queremos hablar de proyectos innovadores en cuanto a editores de código debemos hablar de Brackets indudablemente, un moderno editor de código Open Source entre sus fortalezas cuenta con un editor online, una vista previa en vivo del código HTML y Javascript que estas escribiendo en el momento, así mismo provee soporte para preprocesadores SCSS y LESS, si quieres probar algo realmente novedoso este es el editor que estas buscando con extensiones que te harán la vida mucho mas fácil, te enamorarás sin duda de este proyecto.

Entre las extensiones mas populares tenemos:

Themes for Brackets

Un pack de temas que debería tener todo editor de código

Beautify

Formateo de archivos JavaScript, HTML y CSS.

Emmet

HTML-alta velocidad y flujo de trabajo de CSS.

Brackets Git

Integración con Git

Autoprefixer

Analizar CSS y añadir prefijos de proveedores de forma automática.

JSHint

Apoyo JSHint para soportes

QuickDocsPHP

Documentación en línea para las funciones de PHP, incluyendo un resumen, la sintaxis, los valores de retorno y parámetros.

Light table

Un estupendo IDE y como se autoproclaman en su sitio web “El editor de código de la siguiente generación”, podemos recalcar lo elegante, ligero y buena distribución de su interfaz pudiendo ser personalizado haciendo uso de extensiones, Light table es multiplataforma compatible con sistemas operativos Windows, OS X y Linux, te animas a instalarlo? antes puedes echar un ojo a la documentación.

Geany

Geany

Cuando buscas las carácteristicas básicas en un IDE este es el software que estás buscando, ya que fue desarrollado para tal fin, que además su ejecución es de forma rápida gracias a sus pocas dependencias y paquetes, compatible con multiples tipos de archivos, entre algunas de sus principales características encontramos:

  • El resaltado de sintaxis
  • Plegado de código
  • Autocompletado
  • Snippets
  • Auto-cierre de etiquetas XML y HTML
  • Consejos de llamada
  • Muchos tipos de archivos soportados, incluyendo C, Java, PHP, HTML, Python, Perl, Pascal ( lista completa )
  • Código de navegación
  • Administración simple proyecto
  • Interfaz Plugin (ver Plugins )

 GNU Emacs

Emacs

Este editor de código patrocinado por la fundación para el software libre cuenta con características interesantes principalmente su capacidad multiplataforma haciéndolo disponible para plataformas  Windows, Linux, Mac OS X, FreeBSD, NETBSD, OpenBSD. Independientemente del tipo de máquina, así mismo cuenta con un gestor de paquetes integrado con el cual se pueden descargar extensiones adicionales.

Al igual que otros editores también cuenta con resaltado de sintaxis, posibilidad de compilación y ejecución de programas, comparación de archivos y mucho más.

Bueno amigos eso es todo, de antemano si conocen algún otro editor de texto o IDE pueden mencionarlo en los comentarios y será añadido a esta lista un saludo!

 

¡Suscríbete a mi canal, para acceder a más contenidos gratuitos!

3 comentarios

  1. Javier Pantoja Contestar

    Hola muchachos, los felicito por la pagina, sigan creando tutoriales que los estoy siguiendo para aprender. Adelante

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *