Tips y Trucos para Sublime Text


Tal vez muy pocos ya conozcan esta web que se dedica a hablar sobre editores de texto, código, en fin... Hoy queremos presentar algunos trucos o atajos de teclados para Sublime text.
La intención es precisar lo necesario, de manera ordenada y ejemplificada gráficamente.


Sabemos que: "estos y muchos otros trucos" los podrás encontrar en cantidad por la web, en foros, vídeos, etc... pero aquí hemos recopilado los que consideramos mejor.


Para "algunos" Sublime text les puede parecer un editor de código muy simple, pero posee un montón de características ocultas. Después de explorarlo por un tiempo, puede que te sorprenda que este editor haga un buen número de cosas interesantes.

¿Atajos de Teclado para Sublime Text?

Vamos a adentrarnos un pelín más y dejaremos por aquí sólo algunos de los consejos, trucos, tips (llámalos como te parezca mejor) o atajos de teclado para Sublime Text que creemos que te puedan ayudar a la hora de "codear" o diseñar en tu lenguaje favorito. Empezaremos por los más básicos así que puedes saltarte ;)

Selección

Como desarrolladores web, muy a menudo tenemos que editar-modificar código. A continuación se presentan algunos atajos de teclado útiles que permiten hacer diferentes tipos de selecciones en SublimeText.
Ctrl + D
Seleccionar palabra(s)
Ctrl + L
Seleccionar línea(s)
Ctrl + A
Seleccionar todo el contenido dentro del documento
Ctrl + Shift + M
Seleccione todo dentro de las llaves ({ } cuando se trabaja con CSS o JavaScript)
Ctrl
Mantener la tecla Ctrl y hacer clic en la(s) línea(s) a seleccionar.
Estos atajos básicos de Sublime Text nos permite seleccionar varias líneas a la vez, lo que puede aumentar significativamente nuestra productividad. Bien, veamos cómo funciona la selección múltiple (de palabras) a continuación:


Ordenar CSS

Por lo general, no nos importa cómo se ordenan las propiedades CSS, ya que CSS nos dará la salida deseada en el navegador sin importar su posición. Sin embargo ponerlos en un orden particular hará nuestros códigos más organizados. En Sublime Text, puedes seleccionar las propiedades CSS y pulsar F9 para ordenarlas por orden alfabético.


Paleta de Comandos

Se puede hacer muchas cosas con la paleta de comandos tales como convertir a mayúsculas un fragmento de texto, establecer la sintaxis de archivo, la inserción de fragmentos (snippet).
Para mostrar la paleta de comandos en SublimeText, presiona Ctrl + Shift + P. He aquí algunos ejemplos.

Establecer sintaxis de archivo a HTML


Insertar fragmento de Código

Cambio entre pestañas

Ctrl + Tab
Presionar varias veces para pasar por cada una de las pestañas abiertas.
Ctrl + Shift + Tab
Presionar sólo una vez para volver a la pestaña anterior de trabajo.
Ctrl + P
Buscar un archivo y abrirlo en una pestaña nueva.

Editar partes de múltiples archivos

Esta función también será muy útil cuando estamos trabajando con varios archivos. Por ejemplo, tenemos varios bloques de código que son muy similares y se extendió a través de diferentes archivos en el proyecto. Para cambiar estos códigos de forma eficiente, se puede:
  • Presionar Ctrol+ Shift + F. Colocar las palabras, frase, o línea de código que se desea cambiar en el campo "Find".
  • Indicar los nombres de los archivos en el campo "Where" o escribir <open files> de modo que sólo afectará a los archivos que están actualmente abiertos.
  • Pon la palabra o código nuevo en el campo "Replace" y pulsa en el botón Replace.

Búsqueda rápida de selectores

Esta características es sencillamente fabulosa cuando estás editando CSS. Con Comando + R aparecerá un diálogo con una lista de selectores CSS en el documento, como se apreciará en la siguiente imagen.
Puedes buscar y seleccionar los selectores a los que quieres llegar rápidamente.

Esto es mucho mejor que hacerlo con un simple Ctrl + F (la habitual forma de búsqueda) cuando se trata de código CSS.
Recomendación básica:
Seguido del arroba, colocar "." ó "#" para identificar de inmediato los selectores que hemos creado.

Clickable URL

ClickableURL es un pequeño plugin de Sublime Text que resulta útil cuando en nuestro código hay gran variedad de direcciones url (rutas de imágenes externas, webs de referencia, etc). Básicamente hará que se pueda hacer click en las url.

¿Conocías estos truquillos o qué otros podrías añadir?

Si quieres ir más allá y facilitar tu trabajo como desarrollador, de NINGUNA manera debes dejar de leer el siguiente artículo:
Mejores Plugins para Sublime Text
⬆ Estos plugins te ahorrarán considerables horas de trabajo.

Comentarios

  1. Para cambiar entre pestañas es ctrl+tab y no ctrl+shift.

    ResponderEliminar
  2. Gracias por estos atajos, códigos y comandos, me ha servido a la hora de buscar en sublime text fragmentos de código.

    Se agradece. Saludos desde AguasCalientes, MX.

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

8 Plugins para Sublime Text 2 y 3

10 Plugin Wordpress para Sublime Text 2