Accesos directos y consejos para mejorar su productividad con Sublime Text

Sublime Text es, sin duda, uno de los editores de texto más potentes que existen. El número de usuarios satisfechos da fe de ello. Si lo explora, eventualmente verá cuán bellamente se ocultan sus poderosas características detrás de una interfaz simple y elegante.

Si ha estado usando Sublime Text durante algún tiempo, ahora es el momento de actualizar su arsenal con nuevas municiones. Te llevaré a través de algunos de mis consejos y trucos favoritos. Conocerlos podría desatar tus poderes ocultos como programador para el mundo.

Lectura adicional en SmashingMag:

• 50 poderosos ahorradores de tiempo para diseñadores web
• Potentes consejos, herramientas y trucos de flujo de trabajo para diseñadores web
• Cómo mantener organizado su flujo de trabajo de codificación

Complementos de texto sublime

Control de paquetes

Package Control es una solución integral para descargar y administrar complementos y temas relacionados con Sublime Text. Las instrucciones de instalación están disponibles en el sitio web de Package Control.

Una vez instalado, puede acceder a él mediante la paleta de comandos. Para instalar un complemento, presione Cmd ⌘ + Shift ⇧ + P (Mac) o Ctrl ⌃ + Shift ⇧ + P (Windows y Linux), y luego ingrese Install Package y presione "Return". La lista de complementos en el repositorio tarda unos minutos en cargarse, pero luego puede escribir el nombre del complemento que le interesa e instalarlo desde allí. Algunos de mis complementos favoritos se enumeran a continuación.

Mejoras en la barra lateral

La barra lateral predeterminada de Sublime Text solo puede realizar algunas tareas limitadas. El complemento Sidebar Enhancements sobrealimenta Sublime Text con comandos para abrir el archivo en un navegador, copiar, pegar, copiar una ruta, duplicar, eliminar y más.

tareas sencillas

Plain Tasks convierte Sublime Text en un poderoso administrador de listas de tareas pendientes. Puede instalarlo a través de Package Control. Cree un archivo con .todo como extensión para activar Tareas sencillas encima. Para obtener otros consejos, puede acceder al tutorial proporcionado en el complemento, disponible en "Preferencias" → "Configuración del paquete" → "Tareas simples" → "Tutorial".

Para una nueva tarea:

• Cmd ⌘ + Return ↵ (Mac)
• Ctrl ⌃ + Return ↵ (Windows y Linux)

Para marcar como hecho:

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows y Linux)

Para marcar como cancelado:

• Ctrl ⌃ + C (Mac)
• Alt + C (Windows y Linux)

Linter sublime

Verifique si hay errores en su código usando Sublime Linter. El complemento proporciona un marco para limpiar su código. El linting real se realiza mediante varios complementos (para Ruby, Python, JavaScript, etc.), lo que significa que primero debe instalar Sublime Linter y luego instalar linters específicos de sintaxis para su código. Se dispone de una amplia documentación.

Hormiga

Emmet, una vez conocido como Zen Coding, es una herramienta indispensable para cualquier desarrollador web. Es probablemente el complemento más productivo y que ahorra tiempo que jamás haya encontrado.

Escribir código lleva tiempo, y el trabajo pesado de HTML, como escribir etiquetas y envolver clases con comillas, puede ser aburrido. Emmet se encarga de todo eso. Expande mágicamente las abreviaturas en una estructura HTML o CSS completa. La sintaxis que utiliza para estas abreviaturas está inspirada en los selectores de CSS. Veámoslo en acción.

Tutor sublime

Sublime Tutor es un tutorial interactivo en el editor para atajos de teclado en Sublime Text. Si acaba de comenzar con Sublime Text, el complemento aumentará instantáneamente su productividad al enseñarle ingeniosos consejos y trucos dentro del propio editor. El complemento utiliza la técnica de repetición espaciada para asegurarse de que recuerda los comandos que enseña.

Use Package Control para instalar el complemento. Una vez que esté instalado, puede acceder al tutor a través del menú "Ayuda" o el atajo de teclado Ctrl ⌃ + Alt ⌥ + K

Funciones de texto sublime

Ir a cualquier cosa

Este es probablemente el comando más poderoso y más utilizado en Sublime Text. Navegue a través de archivos, carpetas, símbolos y líneas con facilidad.

Para ir a un archivo:

• Cmd ⌘ + P (Mac)
• Ctrl ⌃ + P (Windows y Linux)

Presione el código abreviado del teclado y comience a escribir el nombre de un archivo. Sublime Text realizará una búsqueda difusa y obtendrá el archivo deseado al instante.

Ir a un símbolo:

• Cmd ⌘ + R (Mac)
• Ctrl ⌃ + R (Windows y Linux)

Ir a una línea:

• Ctrl ⌃ + G (Mac)
• Ctrl ⌃ + G (Windows y Linux)

Para ir a una línea específica en un archivo, escriba dos puntos seguidos del número de línea o use el código abreviado del teclado.

Selección de palabras

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows y Linux)

Coloque el cursor sobre una palabra, presione el código abreviado del teclado y la palabra se seleccionará instantáneamente. Si presiona la misma combinación de teclas nuevamente, Sublime Text entrará en el modo de selección múltiple y seleccionará otras instancias de la misma palabra en el documento. Puede usar este método para agregar o reemplazar texto rápidamente en todas las instancias de una palabra.

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows y Linux)

Esta es otra forma de lograr lo mismo. En lugar de buscar una palabra de forma incremental, realiza una búsqueda masiva de la palabra debajo del cursor y cambia al modo de selección múltiple.

Expandir la selección al ámbito

• Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
• Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows y Linux)

Este atajo es extremadamente útil para los desarrolladores de JavaScript. Selecciona el alcance actual. Al presionar la misma combinación de teclas nuevamente, se selecciona su ámbito principal. El video deja claro cómo funciona:

Dividir la selección en líneas

• Cmd ⌘ + Shift ⇧ + L (Mac)
• Ctrl ⌃ + Shift ⇧ + L (Windows y Linux)

Use este atajo para dividir el área seleccionada en varias líneas, poniendo Sublime Text en modo de selección múltiple. Utilizo este truco para convertir rápidamente una lista de palabras en una matriz de cadenas cerrada.

Selección de columna

• Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
• Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Ganar)
• Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

Use este atajo para seleccionar una columna en Sublime Text. Coloque el cursor en cualquier parte del documento y luego presione el atajo para seleccionar columnas hacia arriba o hacia abajo. Esto también lo lleva al modo de selección múltiple, como los dos comandos anteriores.

Clasificar

• F5 (Mac)
• F9 (Windows y Linux)

Me gusta mantener mis propiedades CSS ordenadas alfabéticamente. Este comando es extremadamente útil para eso. Seleccione el bloque que necesita ordenar (consejo profesional: use Ctrl ⌃ + Shift ⇧ + J para seleccionar un nivel de sangría) y luego presione el código abreviado del teclado.

Activar el corrector ortográfico

• F6

No más decepcionarse por los errores tipográficos después de que el código haya llegado a la etapa de revisión. Use esta tecla para alternar rápidamente el corrector ortográfico.

Comentario

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows y Linux)

Este es uno de mis atajos más utilizados. Marcar comentarios en cualquier lenguaje de programación se simplifica con este atajo. En un archivo HTML, coloca un par de etiquetas <!-- --> , mientras que en JavaScript coloca // al comienzo de una línea.

Burbujear una línea hacia arriba o hacia abajo

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows y Linux)

¿Quiere mover un fragmento de código cinco líneas hacia arriba? Cortar y pegar es realmente de la vieja escuela. Utilice esta combinación de teclas para llevar el fragmento a donde desee. Vuelva a pulsar el atajo para seguir moviéndolo hacia arriba o hacia abajo.

Selección duplicada

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows y Linux)

De forma predeterminada, este atajo duplica la línea actual y la coloca en la línea siguiente. Si selecciona una región y presiona este acceso directo, duplica toda la región.

Unir dos líneas

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows y Linux)

Esto une la línea siguiente a la línea actual, reemplazando todos los espacios en blanco en el medio con un solo espacio. Realizado en un bloque de líneas, une todas las líneas.

Ir al soporte correspondiente

• Ctrl ⌃ + M

Utilice este comando para mover el cursor de una posición de paréntesis a otra. Esto es especialmente útil cuando te pierdes en un método largo y quieres llegar a su posición inicial (o viceversa).

Cerrar etiqueta HTML

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows y Linux)

Use este atajo para cerrar la etiqueta HTML actualmente abierta. Inserta la etiqueta de cierre correspondiente en la ubicación actual del cursor.

Buscar en Proyecto

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows y Linux)

Este es el equivalente grep de Sublime Text. Encuentra un término dentro de un proyecto completo. Lo especial de este comando es que es ultrarrápido. Hay opciones para distinguir entre mayúsculas y minúsculas y también para realizar una coincidencia de expresiones regulares.

Para buscar un término en particular en el documento actual, en todo el proyecto, coloque el cursor sobre ese término y luego presione Ctrl ⌃ + E , lo que colocará ese término en el cuadro de búsqueda. Al presionar el código abreviado anterior, se completa el cuadro de búsqueda de todo el proyecto con este término.

Cambiar entre pestañas

• Cmd ⌘ + Shift ⇧ + [ o ] (Mac)
• Ctrl ⌃ + Page Up ⇞ o Re Page Down ⇟ (Windows y Linux)

Al igual que en un navegador web, puede abrir varias pestañas en Sublime Text. Para pasar de una pestaña a otra, puede usar los accesos directos mencionados anteriormente y usar Cmd ⌘ + T (Mac) o Ctrl ⌃ + N (Windows y Linux) para crear una nueva pestaña.

Paleta de comandos

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows y Linux)

A medida que domine Sublime Text, querrá acceder cada vez menos a los menús y, en cambio, podrá hacer todo con unos pocos toques en el teclado. Con la paleta de comandos, puede escribir rápidamente un comando y Sublime Text hará una coincidencia aproximada con un conjunto de comandos existente, permitiéndole acceder a los comandos desde un lugar conveniente.

Aquí hay algunas cosas que puede probar en la paleta de comandos: establezca la sintaxis de un archivo recién creado, ordene las líneas en el documento actual e instale un complemento usando Package Control.

Muestra la consola

• Ctrl ⌃ + `

Sublime Text viene con un intérprete de Python integrado. Es una herramienta útil para ejecutar comandos de Python o para probar rápidamente las API de Sublime Text cuando está desarrollando un complemento para el editor.

Clasificar

• F5 (Mac)
• F9 (Windows y Linux)

Me gusta mantener mis propiedades CSS ordenadas alfabéticamente. Este comando es extremadamente útil para eso. Seleccione el bloque que necesita ordenar (consejo profesional: use Ctrl ⌃ + Shift ⇧ + J para seleccionar un nivel de sangría) y luego presione el código abreviado del teclado.

Activar el corrector ortográfico

• F6

No más decepcionarse por los errores tipográficos después de que el código haya llegado a la etapa de revisión. Use esta tecla para alternar rápidamente el corrector ortográfico.

Comentario

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows y Linux)

Este es uno de mis atajos más utilizados. Marcar comentarios en cualquier lenguaje de programación se simplifica con este atajo. En un archivo HTML, coloca un par de etiquetas <!-- --> , mientras que en JavaScript coloca // al comienzo de una línea.

Burbujear una línea hacia arriba o hacia abajo

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows y Linux)

¿Quiere mover un fragmento de código cinco líneas hacia arriba? Cortar y pegar es realmente de la vieja escuela. Utilice esta combinación de teclas para llevar el fragmento a donde desee. Vuelva a pulsar el atajo para seguir moviéndolo hacia arriba o hacia abajo.

Selección duplicada

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows y Linux)

De forma predeterminada, este atajo duplica la línea actual y la coloca en la línea siguiente. Si selecciona una región y presiona este acceso directo, duplica toda la región.

Unir dos líneas

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows y Linux)

Esto une la línea siguiente a la línea actual, reemplazando todos los espacios en blanco en el medio con un solo espacio. Realizado en un bloque de líneas, une todas las líneas.

Ir al soporte correspondiente

• Ctrl ⌃ + M

Utilice este comando para mover el cursor de una posición de paréntesis a otra. Esto es especialmente útil cuando te pierdes en un método largo y quieres llegar a su posición inicial (o viceversa).

Cerrar etiqueta HTML

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows y Linux)

Use este atajo para cerrar la etiqueta HTML actualmente abierta. Inserta la etiqueta de cierre correspondiente en la ubicación actual del cursor.

Buscar en Proyecto

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows y Linux)

Este es el equivalente grep de Sublime Text. Encuentra un término dentro de un proyecto completo. Lo especial de este comando es que es ultrarrápido. Hay opciones para distinguir entre mayúsculas y minúsculas y también para realizar una coincidencia de expresiones regulares.

Para buscar un término en particular en el documento actual, en todo el proyecto, coloque el cursor sobre ese término y luego presione Ctrl ⌃ + E , lo que colocará ese término en el cuadro de búsqueda. Al presionar el código abreviado anterior, se completa el cuadro de búsqueda de todo el proyecto con este término.

Cambiar entre pestañas

• Cmd ⌘ + Shift ⇧ + [ o ] (Mac)
• Ctrl ⌃ + Page Up ⇞ o Re Page Down ⇟ (Windows y Linux)

Al igual que en un navegador web, puede abrir varias pestañas en Sublime Text. Para pasar de una pestaña a otra, puede usar los accesos directos mencionados anteriormente y usar Cmd ⌘ + T (Mac) o Ctrl ⌃ + N (Windows y Linux) para crear una nueva pestaña.

Paleta de comandos

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows y Linux)

A medida que domine Sublime Text, querrá acceder cada vez menos a los menús y, en cambio, podrá hacer todo con unos pocos toques en el teclado. Con la paleta de comandos, puede escribir rápidamente un comando y Sublime Text hará una coincidencia aproximada con un conjunto de comandos existente, permitiéndole acceder a los comandos desde un lugar conveniente.

Aquí hay algunas cosas que puede probar en la paleta de comandos: establezca la sintaxis de un archivo recién creado, ordene las líneas en el documento actual e instale un complemento usando Package Control.

Muestra la consola

• Ctrl ⌃ + `

Sublime Text viene con un intérprete de Python integrado. Es una herramienta útil para ejecutar comandos de Python o para probar rápidamente las API de Sublime Text cuando está desarrollando un complemento para el editor.

Tenga en cuenta que este intérprete viene incluido con Sublime Text y es diferente de Python instalado en su sistema. El propósito de esta consola es interactuar con la API de Sublime Text para complementos. Probablemente usó esta consola al instalar Package Control.

Para saber qué se puede hacer usando la API del complemento de Sublime Text, consulte la documentación.

Modo sin distracciones

• Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
• Shift ⇧ + F11 (Windows y Linux)

Para los escritores y otras personas que necesitan poder concentrarse intensamente, Sublime Text tiene una interfaz aún más minimalista. Utilice el atajo para activar y desactivar el modo sin distracciones.

Asistente de línea de comandos de texto

Sublime Text incluye una herramienta de línea de comandos que hace que sea muy fácil trabajar con archivos en la línea de comandos. Para que funcione en una Mac, debe hacer que esté disponible en su shell.

Suponiendo que ha colocado Sublime Text en la carpeta "Aplicaciones" y que tiene un directorio ~/bin en su ruta, puede ejecutar lo siguiente:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 

Para usarlo como el editor predeterminado para los comandos que solicitan entrada (como git commit ), configure la variable de entorno del editor .

 export EDITOR='sublime -w'

En Windows, puede usar subl.exe de manera similar.

Conclusión

Sublime Text está lleno de atajos y comandos tan poderosos. Es probable que no pueda recordarlos simplemente hojeando este artículo; más bien, necesitará practicar a medida que avanza. Enumere los accesos directos más útiles para usted y consúltelos regularmente mientras trabaja con Sublime Text. La práctica es la clave. Estás en camino de convertirte en un ninja de Sublime Text.