Amor infinito a Sublime Text 💙

Alexandra Neira Quiroz
Laboratoria Developers
3 min readApr 20, 2017

¿Sublime Text? ¿Atom? ¿Brackets? ¿Coca Cola Light? ¿Coca Cola Zero?
Deme una Coca Cola Light con dos hielos por favor.

Muchas veces he escuchado discusiones eternas sobre cual es el mejor editor de texto, algunas le rezamos a Sublime Text, otros a Atom, algunos pocos a Brackets y siempre está el purista que se rinde ante el bloc de notas o vim. ¿Saben cuál es el mejor de todos? ¿De verdad quieren saberlo? Ok, les daré la respuesta que tanto han buscado:

El mejor editor es el que TÚ decidas utilizar para desarrollar

Wait! ¿Esperaban que les dijera cual es el mejor editor? IMPOSIBLE 👊

El editor de texto no hace al desarrollador, el estudio y práctica son las únicas cosas que te llevaran lejos en este dulce mundo del código. Poco o nada importa donde lo lleves a cabo, mientras te sientas cómoda y logre cumplir tus expectativas de diseño/estabilidad/consumo/rendimiento etc. Peeeero ya que estamos aquí ¿hablemos de lo lindo y hermoso que es Sublime Text?

GIF de Emezeta

Sublime tiene unos hermosos packages (algo así como plugins) para hacernos el trabajo más rápido y lindo, especialmente luego de llevar 36 horas codeando sin parar con los ojos cuadrados. Pero ¿Cómo los instalo? ¿Tengo que bajarlos de alguna página? Tranquila, prepara tu teclado porque acá vamos con la receta de los Sublimers:

1.- Descarga aquí la versión de Sublime Text necesaria para tu sistema operativo. Si eres la Miss Robot de la ciudad puedes animarte a instalarlo desde el terminal (consola) de tu computador. Juegue.

2.- Una vez instalado lo abriremos y utilizando ctrl + shift + p aparecerá una ventana, debes elegir Install Package Control. Esperamos unos segundos mientras se instala (nos avisa una vez que está listo) y volvemos a utilizar ctrl + shift + p pero ahora vamos a elegir Package Control: Install Package

3.- Una vez elegida esta última opción nos mostrará un listado de todos los packages disponibles para que puedas instalar, sólo debes buscarlo por su nombre y hacerle click para su instalación.
¿Quieres algunos packages interesantes para instalar? Pues, más abajo te regalo unos cuantos nombres.

Algunos Packages interesantes para Sublime

  • Emmet: Automatiza la creación de bloques de etiquetas HTML utilizando abreviaciones.
  • ColorPicker: Abre una paleta de colores entregando su código hexadecimal al instante.
    Para usar solo basta con presionarctrl + alt + c
  • Placeholders: Permite generar contenido de ejemplo para imágenes, formularios, listas y tablas, sumándose así al generador de Lorem Ipsum integrado que tiene sublime.
  • Alignment: Organiza y alinea las variables, tan solo al seleccionar y presionando las teclas ctrl + alt + a se podrá alinear.
  • All Autocomplete: El autocompletado integrado de sublime busca coincidencias de palabras sólo con el archivo abierto, pero con este paquete buscará coincidencias con todos los archivos abiertos que tengas.
  • AutoFile Name: Autocompleta el nombre de los archivos.
  • Brackethighlighter: Destaca los límites de cada pareja de llaves ¡Bendito package! Lo amarán💙
  • Markdown Preview: ¿Han visto esos archivos con instrucciones que hacemos los desarrolladores? Se llaman README y ahora con este paquete los podrán previsualizar mientras los crean.
  • Git: Nos entrega acceso rápido a una serie de comandos Git que se suelen utilizar bastante, permitiendo a los desarrolladores añadir archivos, realizar commits o abrir logs de Git, sin salir nunca de Sublime.
  • View in browser: Utilizando ctrl + alt + v se abrirá el archivo en el navegador correspondiente incluso guardando los último cambios realizados.

**Bonus**

  • Color Highlighter: Permite ver los colores que hemos elegido en CSS.

Y ahora, 3 … 2…1
¡¡A codear!!

--

--