Configura tu editor

El editor de código es tu principal herramienta de programación; se usa para escribir y guardar líneas de código. Escribe código más eficaz y de manera más rápida aprendiendo las combinaciones de teclas de tu editor e instalando complementos claves.

TL;DR

  • Elige un editor que te permita personalizar las combinaciones de teclas y cuente con muchísimos complementos para que puedas escribir mejor código.
  • Aprovecha el administrador de paquetes para facilitar la detección, instalación y actualización de los complementos.
  • Instala complementos que te ayuden a sostener la productividad durante la programación. Comienza con las recomendaciones de esta guía.

Instalar el editor de texto Sublime

Sublime es un gran editor, equipado con una base sólida de funcionalidad que transforma la redacción de código en una actividad placentera. Puedes instalar un administrador de paquetes que facilita la instalación de complementos y la adición de funcionalidad nueva.

Actualmente, se ofrecen dos opciones de descarga para Sublime Text: la versión 2 o la versión 3. La versión 3 es bastante estable y te brindará acceso a los paquetes que no están disponibles en Sublime Text 2; no obstante, la versión 2 puede ser más confiable.

¿Por qué usar un administrador de paquetes?

Los administradores de paquetes simplifican la detección, instalación y actualización de los paquetes y los complementos.

Captura de pantalla de Package Control de los editores Sublime Text

Si deseas instalar un administrador de paquetes para Sublime, sigue estas instrucciones: https://packagecontrol.io/installation.

Solo debes hacer esto una vez; luego consulta, a continuación, nuestra lista de complementos recomendados.

Instalar complementos

Los complementos te ayudan a ser más productivo. ¿Cuáles son las tareas por las cuales aún tienes que recurrir a otras herramientas?

Aplicación de lint: existe un complemento para realizarla. Se muestran los cambios que no se guardaron: - Existen complementos para ello. Integración con otras herramientas, como GitHub; existen complementos para realizarla.

Los administradores de paquetes simplifican mucho la detección, instalación y actualización de los complementos:

  1. En el editor Sublime Text, abre el administrador de paquetes (Ctrl + Mayús + P).
  2. Escribe “Install Package”.
  3. Escribe el nombre del complemento que buscas (o explora todos los complementos).

Consulta estas listas de tendencias de los complementos de Sublime Text. Estos son los complementos que más nos gustan, y te recomendamos que los instales porque pueden ayudarte a acelerar la programación.

Autoprefixer

Si deseas contar con un método rápido para agregar prefijos de proveedores a tu CSS, puedes hacerlo con este complemento práctico.

Escribe CSS e ignora los prefijos de proveedores. Cuando desees agregarlos, presiona ctrl+shift+p y escribe Autoprefix CSS.

Se trata la manera en que puedes automatizar esto en el proceso de compilación; así, tu CSS conserva su eficiencia y no es necesario que recuerdes presionar ctrl+shift+p.

Ejemplo del complemento Autoprefixer de Sublime

ColorPicker

Selecciona cualquier color de la paleta y agrégalo a la CSS con ctrl+shift+c.

Complemento ColorPicker de Sublime

Emmet

Agrega algunas combinaciones de teclas y fragmentos útiles al editor de texto. Mira el video sobre Emmet.io para acceder a una presentación de lo que puede hacer (uno de mis favoritos es el comando “Toggle Comment”).

Demostración del complemento Emmet.io

Mejorar el aspecto de HTML-CSS-JS

Esta extensión te brinda un comando para dar formato a tus elementos HTML, CSS y JS. Puedes, incluso, mejorar el aspecto de los archivos al guardarlos.

Gif del complemento Prettify de Sublime

Git Gutter

Agrega un marcador al medianil cuando se realice un cambio en el archivo.

Captura de pantalla del complemento Git Gutter de Sublime

Gutter Color

Gutter Color exhibe una muestra pequeña del color junto a tu CSS.

Captura de pantalla de Gutter Color de Sublime

Este complemento requiere ImageMagick. Si usas Mac OS X, te recomendamos probar el instalador de CactusLabs (es posible que debas reiniciar tu equipo para que funcione).