Sublime Text

¿Qué es?

Es un editor de texto Multiplataforma para código, de una interfaz muy limpia e intuitiva, que soporta Plugins , Snippets y Build Systems. Está escrito en C++ y Python, e incluye CPython2.6 y una consola embebida. A demás tiene soporte nativo para infinidad de lenguajes.
No es software libre o de código abierto, pero solo sale un mensaje de advertencia cada mucho tiempo, que te invita a visitar la página para realizar la compra.

Entorno

Podemos destacar dentro del entorno de Sublime las siguientes secciones:
  • Barra Open Files: Muestra los archivos y carpetas abiertos (CTRL + K+B)
  • Minimapa: consiste en una preview de la estructura de nuestro código. Es muy útil para desplazarse por el archivo. Se encuentra a la derecha de la ventana del código.
  • Barra inferior de Estado, donde podemos definir, entre otros, el lenguaje del código que estamos tratando.
  • Diferentes Esquemas de Colores , pudiendo seleccionarlos en -> Preferences/Color Scheme, o configurarnos nuestro propio Syntax Highlight.
  • Configuración de Build Sistems, variables de entorno, targeting de publicación, FTP ….
  • Configuración de snippets mediante XML
  • Configuración total de Keybindings: Todas las teclas pueden ser sobrescritas a nuestro gusto: -> (Preferences/Keybinding) . Se puede ver una guía de Keybindings en: https://gist.github.com/eteanga/1736542
  • Multi Layout o división de pantalla en filas y columnas o grid de 4. Para ello vamos a Menu/View/Layout ó (ALT + SIHFT + de 1 a 9 para cambiar entre las distintas opciones)

Navegación y Búsqueda

  • Búsqueda Dinámica: de expresiones regulares o normal por archivos, por proyectos, por directorios, por una conjunción de ellos o por todo a la vez. Seleccionando Menu/Find y Menu/GoTo
  • CTRL + P: Búsqueda rápida de archivos por nombre.
  • CTRL + R: Búsqueda de funciones , clases y selectores (#id, .class, ..)
  • CTRL + G: Nos lleva a la línea indicada
  • Realiza la búsqueda por palabra
  • CTRL + F: Clásico Buscar. Si seleccionamos la palabra CTRL + F3 y ALT + F3
  • CTRL + H: Buscar y Reemplazar
  • CTRL + Shift + F: Buscar en archivos de una carpeta en un proyecto abierto. O seleccionando Find-> Find in files. O haciendo clic derecho sobre la barra de navegación en la carpeta y seleccionando buscar.
  • CTRL + Shift + T: Abrimos la última pestaña cerrada
  • CTRL + PgDn/PgUp: Nos movemos por las pestañas

Bookmarks

  • CTRL + F2: Creamos un Bookmark
  • F2: Avanzamos al siguiente Bookmark
  • Shift + F2: Anterior Bookmark
  • CTRL + Shift + F2: Borramos todos los Bookmark

Ordenar CSS

  • Podemos ordenar las propiedades de un fragmento seleccionado pulsando F9

Búsquedas con expresiones regulares

Ctrl + F/H + .*

Ejemplos:

  • Busca solo colores Hexadecimales: (#([a-f0-9]{6}|[a-f0-9]{3}))
  • Buscar ý Remplazar, uso de $1..$n y $&

Multiselección y Multicursor

En Sublime podemos crear cursores con los que podemos escribir texto de forma arbitraria en diferentes posiciones del archivo. También podemos hacer una selección múltiple de un término por diferentes partes del archivo. Esto es sería un ejemplo:

Atajos de teclado:

  • CTRL -> Agregamos cursor haciendo clic
  • CTRL SHIFT + L -> divide el cursor en tantos como líneas tenga el texto seleccionado
  • CTRL + SHIFT + M ->Selección todo el contenido dentro de unas llaves
  • CTRL + SHIFT + A -> Selecciona el contenido de un DIV
  • CTRL + F3 -> Con texto seleccionado, nos da todas las ocurrencias
  • CTRL + L ->Selección Línea (Repetir)
  • CTRL + D ->Selección Palabra (Repetir)

Snippets

Snippets son pequeñas partes reusables de código fuente.
Para usarlos, escribimos la clave del snippet y presionamos tab, o la seleccionamos de la lista (CTRL + SHIFT + P ) y presionamos tab.
Si seleccionamos un snippet de la lista (en el ejemplo “”), os si conocemos la key (que viene definido en la columna de la derecha, en el ejemplo sería “echoh”) y presionamos “Tab”, nos muestra el código definido en ese mismo snippet:
Si seleccionamos un snippet de la lista (en el ejemplo “”), os si conocemos la key (que viene definido en la columna de la derecha, en el ejemplo sería “echoh”) y presionamos “Tab”, nos muestra el código definido en ese mismo snippet:
Así de esta manera, ahorraremos mucho tiempo a la hora de crear código, evitando tener que mirar la sintaxis del mismo. Para configurar nuestros propios snippets, lo podemos hacer mediante XML ó seleccionado menú->tolos->new snippet. Este sería un ejemplo de nuevo snippet:
En este sencillo ejemplo, se define un snippet para CSS donde:
- En la etiqueta content ponemos el contenido que queremos que se despliegue al usar el snippet.
- El Trigger tabTrigger es el comando o key para usarlo (la columna de la derecha del desplegable CTRL+SHIFT+P que hemos visto antes).
- En scope scope definimos el filtro de la sintaxis en la cual va a estar disponible nuestro snippet. En nuestro caso, cuando estemos en un documento CSS.

Un editor de texto Multiplataforma para código, de una interfaz muy limpia e intuitiva, que soporta Plugins , Snippets y Build Systems. Está escrito en C++ y Python, e incluye CPython2.6 y una consola embebida. A demás tiene soporte nativo para infinidad de lenguajes.