Saltar al contenido principal

Trucos, funciones y atajos de teclado en SublimeText

Inicio / programación / Trucos, funciones y atajos de teclado en SublimeText

SublimeText 3 es uno de los editores de código más utilizados en todo el mundo, y en mi opinión, es también el mejor de los que he usado en años, es por ello que hoy quiero hacer una rrecopilación de atajos de teclado, funcionalidades y plugins que utilizo en mi día a día y quiero compartir con vosotros. Personalmente, disfruto bastante siendo desarrollador web y no lo cambiaría por nada, eso incluye la resolución de problemas, optimización del código y otras tareas que me resultan mucho más ágiles y cómodas utilizando herramientas productivas y que me ayuden a hacer bien mi trabajo como lo hace este editor de código, sin duda, uno de los mejores que existen hoy día.

Algunos de los atajos de teclado más usados

Ctrl + F – Buscar
Ctrl + N – Nueva pestaña
Ctrl + H – Reemplazar texto
Ctrl + A – Seleccionar todo
Ctrl + R – Buscar funciones
Ctrl + Shift + N – Nueva ventana
Ctrl + Shift + F – Busqueda avanzada
Ctrl + D – Selecciona textos iguales
Ctrl + Shift + D – Duplica la línea donde se encuentra el cursor
Ctrl + L – Selecciona la línea actual
Ctrl + P – Busca un archivo del proyecto
Ctrl + KB – Abre/Cierra la barra lateral
Ctrl + J – Une las líneas seleccionadas
Ctrl + Shift + Tab – Moverse entre pestañas
Ctrl + Shift + P – Accede a la Command Palette
Ctrl + Shift + T – RRecupera una pestaña cerrada
Ctrl + G – Buscar una lína en el archivo e ir a la misma
Ctrl + KL – Convierte el texto seleccionado a minúsculas
Ctrl + KU – Convierte el texto seleccionado a mayúsculas
Ctrl + KK – Elimina desde el cursor hasta el final de la línea
Ctrl + Shift + K – Elimina la línea donde se encuentra el cursor
Ctrl + Shift + M – Seleccione todo dentro de las llaves { } (CSS o JS)

 

Además, SublimeText nos permite de forma múltiple seleccionar y editar código (CTRL), identar código (TAB) y ordenar contenido css (F9)

 

Instalar paquetes

Accedemos a la paleta de comandos mediante Ctrl + Shift + P, escribimos Package Control para ver todas las acciones que podemos ejecutar y seleccionamos Install Packages, si no tenemos instalado Package Control, tenemos que instalarlo según la versión de nuestro Sublime, tal y como se indica en la página oficial.

Algunos de los Packages más populares de SublimeText:

Emmet
Emmet es una herramienta para editores web que nos permite generar código de forma ágil y rápida, acelerando el maquetado de nuestros diseños, puedes leer el Tutorial de Emmet para más información.

SidebarEnhancements
Potencia las funcionalidades de la barra lateral

Html-Css-Js Prettify
Maqueta e identa el código

Sftp
Un cliente FTP integrado en nuestro Sublime

Yui compressor
Crea los archivos .min de nuestros .css y .js

Prefixr
Añade los prefijos CSS necesarios para el crossbrowser

LiveReload
Actualiza  el navegador de forma automática al guardar un archivo

Alignment
Maqueta e identa el código

Sass
Paquete para la correcta visualización de archivos sass

WordPress package
Colección de snippets para autocompletar sintaxis de WP.

Search wordpress codex
Busca de forma automática en la web oficial de WP el texto seleccionado

Search stack overflow
Busca de forma automática en la web de Stack Overflow el texto seleccionado

Existen multitud de Packages para SublimeText, tanto en programación como en diseño, SublimeText está disponible para Mac, Linux y Windows, puedes descargarlo desde su página oficial de forma gratuita.

Este sitio web utiliza cookies para que tengas la mejor experiencia de usuario. Si continúas navegando entendemos que das tu consentimiento y aceptas nuestra Política de cookies. Pulsa en Aceptar para dejar de ver este mensaje

ACEPTAR
Aviso de cookies