Portátil con código HTML

El desarrollo web es una profesion relativamente nueva, con apenas dos décadas a sus espaldas. Y por consiguiente, las herramientas son volátiles. Las tecnologías nacen y mueren por simple evolución de la profesión. Y con ellas los editores web se ven afectados. Se quedan obsoletos, dejan de ser productivos, son engorrosos de añadir nuevas características, se crean nuevos.

En la lista voy a dar las partes buenas y no tan brillantes de los más utilizados en el desarrollo web. Los más productivos a nivel empresarial. Y quiero incidir sobre la palabra: productivos. Hay que ser lo suficiente maduro para diferenciar un editor de texto (como podría ser el Bloc de notas) a una herramienta de desarrollo (como podría ser Atom). Los dos sirven para escribir código, pero no es igual de rápido cuando trabajas.

Atom

Atom

Pros

  • Libre.
  • Previa integrada.
  • Gran cantidad de plugins nuevos.
  • Sencillo.
  • Proyecto apoyado por Github.

Contras

  • Limitación de número de caracteres.
  • Al estar montado sobre Electron y Node no tiene esa inmediatez que si poseen otros.
  • Parece una copia de Sublime text.

Sublime text

Sublime text

Pros

  • Increiblemente rápido.
  • Enorme biblioteca de plugins. Encuentras para casi cualquier cosa.
  • Optimizado. Se abre casi de forma instantánea y apenas se nota en RAM.

Contras

  • Es de pago. Puedes usarlo gratuitamente, pero te saltará un mensaje cada cierto número de guardados que te sugerirá pagar.
  • Las actualizaciones solo son mejoras. No aportan nuevas funcionalidades destacables.
  • Hay que configurarlo directamente con JSON. Un problemas para novatos o no entendidos.

Visual Studio Code

Visual studio code

Pros

  • Libre.
  • Debugging integrado.
  • Git integrado.
  • Terminal integrado.
  • Previa de documentos integrado.
  • Fantástico soporte para Typescript.
  • Apoyo de Microsoft.

Contras

  • En ciertas ocasiones notas poca fluidez en la interfaz. Esta construido de la misma forma que Atom y Brackets.
  • Ciertas alertas se vuelven intrusivas.
  • No puedes dejar el ratón.
  • Solo permite un directorio en el árbol.

Brackets

Brackets

Pros

  • Libre.
  • Apoyo de Adobe.
  • Git integrado.
  • Refresco automática del navegador.
  • Cómodo sistema para visualizar en Smartphone.
  • Función rápida para modificar CSS.

Contras

  • Poca documentación.
  • Solo orientado al HTML. No recomendable para programar.

WebStorm

Webstorm

Pros

  • Realizado por JetBrains. Posiblemente la compañia con los mejores editores.
  • Plantillas para proyectos.
  • Diversas funciones integradas.
  • Fluido.
  • Buena integración de Javascript.

Contras

  • Poco personalizable.
  • Gran carga de RAM. Posiblemente al estar realizado sobre Java.
  • De pago. Solo permite una demo con un mes de duración.

Vim

Vim

Pros

  • Libre.
  • El más veloz.
  • Te sentirás superproductivo.
  • Podrás usarlo en el terminal.

Contras

  • Difícil de aprender, y años de dominar.
  • Todo hay que realizarlo manualmente. Desde la instalación de plugins hasta la configuración.
  • Congelado en el tiempo. No ha habido actualizaciones importantes en años.
  • Gastarás mucho tiempo en investigación.
  • Solo es un editor. Eso significa que cualquier función extra será externa (debugging, git, livereload…)
  • No tiene árbol de directorios. Aunque se puede añadir con un plugin.