Sublime Text: atajos, snippets y plugins esenciales

Sublime Text lleva años siendo el editor preferido de muchos desarrolladores web, incluso con la proliferación de VS Code. Razones hay varias: arranca casi instantáneamente, consume poca memoria y tiene una curva de aprendizaje baja que no impide explotar funciones avanzadas cuando se necesitan. Para desarrolladores que trabajan habitualmente con temas y plugins de WordPress, conocer bien estos trucos marca la diferencia en productividad.

Navegación eficiente dentro del editor

La paleta de comandos: tu acceso directo a todo

La Paleta de Comandos (Ctrl+Shift+P en Windows/Linux, Cmd+Shift+P en macOS) es la función más útil del editor. Desde ahí puedes instalar paquetes, cambiar la sintáxis del archivo, reformatear código o ejecutar cualquier acción sin abandonar el teclado. Si no recuerdas los atajos de teclado, la Paleta permite buscar el comando por nombre directamente.

Salto rápido entre archivos

Ctrl+P abre el buscador de archivos difuso: escribe parte del nombre y Sublime lo encuentra aunque no empiece por las primeras letras. Dentro de ese buscador hay operadores adicionales: @ para saltar a una función PHP o un selector CSS, # para buscar texto en el archivo y : para ir a una línea exacta. Combinados, estos cuatro comandos cubren el 80% de la navegación que se hace a diario.

Edición avanzada de código

Multi-cursor: editar varias líneas a la vez

El multi-cursor es probablemente el truco que más impacto tiene en la velocidad de trabajo. Hay varias formas de activarlo:

  • Ctrl+D (o Cmd+D): selecciona la siguiente aparición de la palabra bajo el cursor. Pulsa varias veces para seleccionar más ocurrencias y editar todas a la vez.
  • Ctrl+click: coloca un cursor adicional donde hagas clic. Útil para líneas que no son iguales pero que necesitas editar al mismo tiempo.
  • Ctrl+Shift+L: pone un cursor al final de cada línea seleccionada. Imprescindible para añadir o eliminar algo al inicio o al final de un bloque de líneas.

Para desarrollo de temas WordPress, el multi-cursor es especialmente útil cuando hay que renombrar variables en varios hooks al mismo tiempo o ajustar márgenes en bloques de CSS repetitivos.

Snippets: código repetitivo en dos teclas

Los snippets son plantillas de código que se insertan con un disparador + Tab. Sublime tiene snippets predefinidos (escribe html + Tab para obtener la estructura base de un HTML) pero lo más útil es crear los propios. Ve a Tools > Developer > New Snippet y define el contenido, el disparador y el ámbito de aplicación (PHP, JavaScript, CSS, etc.).

Para desarrolladores de WordPress, algunos snippets de uso habitual son las cabeceras de funciones para functions.php, las estructuras de custom post types o los hooks de acción más frecuentes.

Personalización y paquetes esenciales

Package Control: la tienda de extensiones

Sin Package Control, Sublime Text está a medio gas. Para instalarlo, abre la Paleta de Comandos y ejecuta Install Package Control. Desde ahí puedes buscar e instalar cualquier extensión.

Algunos paquetes recomendados para desarrollo WordPress:

  • WordPress: añade snippets específicos de la API de WordPress (hooks, functions, template tags).
  • Emmet: generación rápida de HTML y CSS con abreviaturas. div.container>ul>li*5 + Tab genera la estructura completa al instante.
  • SublimeLinter: análisis de código en tiempo real que marca errores de sintáxis antes de guardar el archivo.
  • GitGutter: muestra en el margen izquierdo qué líneas han cambiado respecto al último commit de Git.

Configuración del entorno de desarrollo

Los ajustes de Sublime se gestionan en formato JSON en Preferences > Settings. Puedes configurar el tamaño de la fuente, el espaciado de tabulación (2 o 4 espacios, fundamental para respetar los estándares de WordPress), el tema de color y si el editor muestra o no los espacios en blanco. Lo más práctico es guardar las preferencias en un archivo .sublime-project por proyecto, para que cada repositorio tenga su propia configuración sin modificar los ajustes globales.

Integración con Git

Sublime Merge es el cliente Git del mismo equipo que desarrolla Sublime Text. La integración entre ambos es directa: puedes abrir el repositorio del proyecto desde Sublime Text y gestionar commits, ramas y diffs sin salir del entorno. Para quienes prefieren mantenerse en la línea de comandos, GitGutter añade indicadores visuales de cambios en el propio editor que ayudan a revisar qué ha cambiado antes de hacer commit.

Preguntas frecuentes

¿Sublime Text es gratuito o de pago?

Sublime Text tiene una versión de evaluación gratuita sin límite de tiempo, aunque aparece un mensaje periódico invitando a comprar la licencia. La licencia de pago cuesta alrededor de 99 USD e incluye actualizaciones durante 3 años.

¿Sublime Text o VS Code para desarrollo WordPress?

Depende del flujo de trabajo. VS Code tiene mejor ecosistema de extensiones y depuración integrada. Sublime Text gana en velocidad de arranque y en respuesta cuando se trabaja con archivos PHP grandes. Muchos desarrolladores usan ambos según la tarea.

¿Cómo sé qué paquetes merece la pena instalar?

Los paquetes con más instalaciones en Package Control suelen ser la referencia más fiable. Para desarrollo WordPress, los paquetes WordPress, Emmet y SublimeLinter resuelven el 90% de las necesidades habituales.

¿Se puede usar Sublime Text con control de versiones Git?

Sí, tanto con el paquete GitGutter (indicadores visuales en el editor) como con Sublime Merge (cliente Git completo desarrollado por el mismo equipo). La integración es directa y no requiere configuración adicional más allá de instalar los paquetes.

Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.