epelpad

Los mejores tips y trucos para Sublime Text



Los mejores 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.



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.




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



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
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.



Sublime Alignment
Te permite dar formato o alinear tus líneas de código Javascript, PHP y CSS, de ese manera ayuda a la organización y la legilibilidad del código.





Gracias por pasar!

Comentarios Destacados

Francsisco_itu +12
¡¡¡Hijos de puta, disimulen más el intercambio de comentarios/puntos!!!

Por mi parte, te dejé 10 maestro, últimamente estuve trabajando en mi página personal (por neocities) y estaba buscando una alternativa como software y con buenas hotkeys. Esto es justo lo que necesitaba, notepad++ puede llegar a ser muy molesto a veces.
Needrom +2
wtf jajaja

gracias por los puntines maestro!
Francsisco_itu +7
@Needrom Uh, sos mod, nada que ver. Qué boludo soy.

Igual, como te chupan las medias estos manes, onda "buen post" "+10" "groso" "usted sabe" y nada que trate sobre el post. Picardezca la cosa.

34 comentarios - Los mejores tips y trucos para Sublime Text

marianov4 +1
Usted sabe
Needrom +1
muchas gracias Marian
ToniStark_ +4
Reco y +10 a recargar
sublime
Needrom +2
@gonzanu_17

https://github.com/Equals182/brackets-power-mode
Sam_Houston +7
clavaba un hello world con toda la furia el tipo
Rederser +1
para tirar segmentations fault con estilo
luchopiano +2
inteligencia colectiva, +10
Needrom
muchas gracias!!
Lelale +1
Te faltó ctrl + K que es para ignorar la palabra seleccionada con ctrl + D, o sea, salteás la selección.

También ctrl + F y buscar caracteres, luego en la búsqueda Alt + Enter para seleccionar todas las coincidencias.

En una selección con múltiples saltos de línea, Ctrl + Shift + L marca todos los renglones con un cursor de texto cada uno.

Conviene poner en el sublime Package Controll
TrollacioBill +3
hay que usar Visual Studio, original. Saludos
ErChendia +1
Buen post! para mi, el mejor editor de código por lejos!
pablor90 +1
Sabe! es la ley sublime, ademas le metes el package control y te queda re groso.
Luisitox370 +1
Buenísimo amigo te dejo +10 y a fav, me va servir mucho para mi examen de Taller
pachuje +1
genial, se lo recomendamos a cierto dueño de cierta pagina
The_Napalm +1
La inteligencia colectiva sigue viva, gracias capo
rm-rf +1
Sublime text es para maricas millennials, los hombres de verdad usamos vim

Es broma, +10, más tarde lo leo.
TempeTAB -1
porque nunca crearon un lenguaje de programación, basado en el reconocimiento de voz.. ? ¿

no simplificaría el trabajo ? . y mas si incluimos la la realidad aumentada..
jmanu86 +1
Grande campeón! +10
skape_ +1
No entendi nada, pero podes mejorar xd
gersonarnaldovas +2
los machos de verdad usamos emacs
para cuando un tuto de emacs?
plugin
Salvador_Mx +1
Buen post Nico
Needrom +1
muchas gracias Salvador!
El_vis-Cochuelo
yo lo uso con python y java, pero con c++ es un quilombo para compilar
Lehaine_ +1
ST3 es lo mejor. Lo uso con Python y Django. Es perfecto.
martin9009
esta bueno el sublime pero en varias cosas le gana el atom como formateo de codigo o cantidad de plugins pero el atom sigue siendo mas rapido
ravencult +1
Está bueno. Me habían comentado de Sublime y no lo conocía. Yo uso Coday es bien bueno también, pero hay q agregarle algunos plugins para que funcione mejor.
Sandragoras +1
Prefiero Sublime a Dreamweaver y a Brackets; lo uso mucho y no conocía varios de esos hints... la verdad es que esta es la primera vez que Taringa me sirve para algo bueno (que no sea cagarme de la risa con los comments, por supuesto). ¡Gracias!
RichLazydog
Lo probé un tiempo y la verdad era hermoso, rápido, legible, configurable. Lamentablemente seguí usando vs porque esta mejor integrado con Unity
Ek_22
Buen post Nico!