Editores de texto para desarrollo web

En esta sección de aprendizaje activo, nos gustaría que intentes utilizar y/o instalar un editor de texto de tu elección. Es posible que tu computadora ya tenga instalado uno de los editores sugeridos anteriormente (por ejemplo, Gedit si usas el entorno de escritorio GNOME, Kate si usas KDE, etc.), si no es así, deberías intentar instalar uno o más editores de texto de tu elección. 


Intenta explorar la configuración de tu editor y lee el manual o la documentación para ver cuáles son sus capacidades. En particular (si es posible en tu editor), intenta:

  • Cambiar la configuración y los colores del resaltado de sintaxis.
  • Jugar con el ancho de la indentación, estableciéndolo en un valor adecuado para tus necesidades.
  • Verificar la configuración de autoguardado y guardado de sesiones.
  • Configurar cualquier complemento disponible e investigar cómo obtener nuevos.
  • Cambiar los esquemas de color.
  • Ajustar la configuración de la vista y ver cómo puedes cambiar el diseño de las vistas.
  • Verificar qué lenguajes de programación/tecnologías admite tu editor.

Si bien es cierto que los ajustes predeterminados de la mayoría de los editores de texto suelen ser adecuados para su uso, es importante familiarizarse con las herramientas elegidas para poder seleccionar la mejor para tus necesidades. A medida que adquieras experiencia, aprenderás más sobre cómo personalizar tus editores y herramientas, y, lo que es más importante, aprenderás qué características son más útiles para tus propósitos.

¿Qué tipo de tecnologías quiero manipular?

Hablando en general, cualquier editor de texto puede abrir cualquier archivo de texto. Esto funciona muy bien para tomar notas personales, pero cuando estás desarrollando páginas web y escribiendo en HTML, CSS y JavaScript, puedes llegar a producir archivos bastante grandes y complejos. Facilítate las cosas eligiendo un editor de texto que entienda las tecnologías con las que estás trabajando. Muchos editores de texto te ayudan con características como:

Resaltado de sintaxis. Hace que tu archivo sea más legible al codificar con colores las palabras clave según la tecnología que estás utilizando. Autocompletado de código. Te ahorra tiempo al completar automáticamente estructuras recurrentes (por ejemplo, cerrar automáticamente etiquetas HTML o sugerir valores válidos para una propiedad CSS determinada).

Fragmentos de código. Como viste al iniciar un nuevo documento HTML, muchas tecnologías utilizan la misma estructura de documento una y otra vez. Evita tener que volver a escribir todo esto utilizando un fragmento de código para rellenar automáticamente tu documento.

La mayoría de los editores de texto ahora admiten el resaltado de sintaxis, pero no necesariamente las otras dos características. Asegúrate en particular de que tu editor de texto admita el resaltado para HTML, CSS y JavaScript.

¿Qué tipo de características básicas espero de mi editor de texto?

Depende de tus necesidades y planes. Estas funcionalidades suelen ser útiles:

  • Buscar y reemplazar, en uno o varios documentos, basado en expresiones regulares u otros patrones según sea necesario.
  • Saltar rápidamente a una línea determinada.
  • Ver dos partes de un documento grande por separado.
  • Ver HTML como se verá en el navegador.
  • Seleccionar texto en múltiples lugares a la vez.
  • Ver los archivos y directorios de tu proyecto.
  • Formatear automáticamente tu código con un embellecedor de código.
  • Verificar la ortografía.
  • Autoindentar el código en función de la configuración de sangría.

Un editor extensible tiene menos características integradas, pero se puede ampliar según tus necesidades. Si no estás seguro de qué características deseas o si tu editor favorito no incluye esas características de serie, busca un editor extensible. Los mejores editores ofrecen muchos complementos e idealmente una forma de buscar e instalar nuevos complementos automáticamente.

Editor License Price OS Support Doc. Extensible
Bluefish GPL 3 Free Windows, Mac, Linux Mailing list , wiki Online Manual Yes
Brackets MIT/BSD Free Windows, Mac, Linux IRC GitHub Wiki Yes
Nova Closed source $99 Mac Twitter , Forum , Online eBook Yes
CodeLobster Closed source Free Windows, Mac, Linux Forum , Email Online Manual Yes
Emacs GPL 3 Free Windows, Mac, Linux FAQ , Mailing list , News Group Online Manual Yes
Espresso Closed source $99 Mac Email Online Manual Yes
Gedit GPL Free Windows, Mac, Linux Discourse , IRC Online Manual Yes
Kate LGPL, GPL Free Windows, Mac, Linux Mailing list , IRC Online Manual Yes
Komodo Edit MPL Free Windows, Mac, Linux Forum Online Manual Yes
Notepad++ GPL Free Windows Forum Online Manual Yes
PSPad Closed source Free Windows FAQ , Forum Online Help Yes
Sublime Text Closed source $70 Windows, Mac, Linux Forum Official , Unofficial Yes
TextMate Closed source $50 Mac Twitter , IRC , Mailing list , Email Online Manual , Wiki Yes
BBEdit Closed source Free Mac FAQ Online Manual No
Vim Specific open license Free Windows, Mac, Linux Mailing list Online Manual Yes
Visual Studio Code Open Source under MIT license/ Specific license for product Free Windows, Mac, Linux FAQ Documentation Yes

Publicar un comentario

0 Comentarios