Atajos útiles para un flujo de trabajo más rápido en texto sublime 3

Sublime Text 3 tiene muchas características y atajos para que el codificador moderno juegue. Echemos un vistazo a lo más importante que creo que aumentará su flujo de trabajo a un nuevo nivel. Aprenda cómo usar atajos básicos, trabajar con proyectos o manejar pestañas a menudo sin siquiera hacer clic con el mouse.

Trabajando con proyectos

Conozco a muchos desarrolladores que no utilizan esta característica impresionante. ¿Cuál es tu proceso típico si trabajas en un proyecto? Quizás algo como:

  1. Abrir texto sublime
  2. Buscador abierto
  3. Buscar proyecto
  4. Arrastra la carpeta al editor
  5. Busca archivos y ábrelos.
  6. Iniciar el desarrollo

No es suficiente. Digamos que trabajaste en un archivo ayer por la tarde y esta mañana quieres continuar donde lo dejaste. El flujo de trabajo que hemos mencionado es bastante ineficiente, así que permítame dirigir su atención a Proyecto en la barra de menú de Sublime Text:

Creando tu primer proyecto

Cada proyecto guardado tiene su propio archivo de configuración, por lo que para comenzar necesitamos en algún lugar de nuestro sistema para almacenar todo esto. Comience por crear una carpeta, de la forma en que esté acostumbrado, llame proyectos sublimes (por ejemplo).

Luego, comience un nuevo proyecto, normalmente, iniciando un nuevo archivo o carpeta en Sublime. Ahora ve a Proyecto> Guardar proyecto como ...  Navegar a la proyectos sublimes carpeta, asigne un nombre a su nuevo proyecto y guárdelo. 

Obtener lista de proyectos guardados

Para acceder rápidamente a una lista de todos los proyectos anteriores use el acceso directo CMD-CTRL-P. Escriba una consulta de búsqueda para filtrar la lista, presione Entrar e inmediatamente abrirá las carpetas y los archivos de ese proyecto en la barra lateral. 

Encontrará su proyecto con carpetas y pestañas abiertas o cerradas exactamente como las dejó..

Cambiar de un proyecto a otro, también es muy fácil de esta manera.

Buscando archivos dentro de un proyecto

Encuentro que este es el mayor ahorro de tiempo de todos. Escribir es mejor que hacer clic cuando se busca un archivo, por lo tanto, con un proyecto abierto, pulse CMD-P y empieza a escribir!

Manejo de pestañas

Las pestañas son una forma increíble de ofrecerle una visión general de su proyecto actual. La mayoría de las veces utilizará una pestaña para archivos HTML, otra para CSS y, a veces, una última para JavaScript. Con estos atajos rápidos es posible crear pestañas rápido:

  • CMD-2 - Añade dos pestañas
  • CMD-3 - Añade tres pestañas
  • CMD-4 - Añadir cuatro pestañas

Ahora vamos a navegar a través de todas estas pestañas:

  • CMD-ALT-IZQUIERDA FLECHA - Ir a la anterior lengüeta
  • CMD-ALT-DERECHA FLECHA - Ir al siguiente lengüeta

Selección

No soy un fanático de la selección con el mouse, es demasiado lento y complicado. Por ejemplo, comience al principio de una palabra, luego mantenga presionado el botón del mouse y arrástrelo hasta el final de la palabra o línea. A menudo no tendrás la selección que querías. Usa los siguientes atajos y no te decepcionará.!

Encuentra todas las instancias que coinciden con tu selección

Uno a uno:

Haz una selección y encuentra, una por una, otras instancias pulsando CMD-D.

De repente:

Nuevamente, haga una selección, pero ahora para encontrar todas las instancias de una sola vez. CMD-CTRL-G. 

Seleccionar línea por línea

Aquí hemos seleccionado una línea completa, y ahora podemos seleccionar líneas completas subsiguientes, paso a paso, con CMD-L.

Seleccionar todos los niños

Haga clic dentro de un elemento con algunos elementos secundarios. Entonces presione CMD-SHIFT-J y todos los elementos hijos serán seleccionados..

Varios ahorradores de tiempo

Estos son algunos otros atajos que no podría vivir sin.

Saltar a la función

Para buscar una función en el archivo actual presione CMD-R luego ingrese un término de búsqueda para filtrar hacia la función que desea encontrar.

Copiar línea actual

Haga clic en la línea que desea copiar y luego presione CMD-SHIFT-D. Ahora tienes una línea duplicada, idéntica en todos los sentidos, y el cursor salta con ella..

Cambiar líneas

Golpear CMD-CTRL- ↓ o CMD-CTRL- ↑ para cambiar la posición de una línea.

Cierre de la etiqueta HTML actual

Si escribes la etiqueta de inicio  y no quieres cerrarlo manualmente, luego pulsa CMD-ALT-. y Sublime Text lo cerrará por ti. Otro método es escribir. lapso sin soportes de ángulo y luego presione LENGÜETA.

Alternar la visibilidad de la barra lateral

Sublime Text incluso tiene un atajo para ocultar y mostrar la barra lateral. prensa CMD-K-segundo para cambiarlo.

Cursores multiples

Crear múltiples cursores

¿Así que quieres tener más de un cursor? Sostener CMD y luego haga clic en el lugar donde desea un segundo cursor. Puede repetir el proceso y obtener tantos cursores como desee..

Arrastre para crear múltiples cursores

Para la primera técnica debes hacer clic en cada lugar donde quieras otro cursor. Pero quizás tengas algunas líneas donde quieras un cursor en cada una, todas alineadas verticalmente. No haga clic en cada uno por separado, en su lugar pulsa ALT y luego, con el botón izquierdo del ratón presionado, arrastre el cursor hacia arriba o hacia abajo.

Plugin para Escritores: Markdown Preview

Personalmente escribo a menudo Markdown en texto sublime, pero para empezar no tenía una vista previa de mi documento. Entonces encontré Markdown Preview. 

Para instalarlo, vaya a su editor, presione CMD-SHIFT-P para abrir el Administrador de paquetes, busque Control del paquete: Paquete de instalación, entonces busca Vista previa de Markdowny presione entrar para instalarlo. 

Ahora, abra su archivo Markdown, ejecute el CMD-SHIFT-P atajo de nuevo y buscar Reducción - allí encontrarás el artículo Vista previa de Markdown: Vista previa en el navegador. Haz clic en él y tu navegador predeterminado abrirá una pestaña con la vista previa.

Must-Have Plugin: Hayaku

Este complemento te ayudará a escribir CSS más rápido y agregar algunos ayudantes. Hayaku es comparable a Emmet, pero con muchas más características particularmente para propiedades en CSS.

Valores de CSS inteligentes Abreviaturas

Aquí hay algunos ejemplos de abreviaturas de propiedades / valores usando Hayaku (hit LENGÜETA para ejecutar cada uno):

  • por  posición: relativa;
  • mt10 margen superior: 10px;
  • cF  color: #FFF;
  • brr  Repetición de fondo: repetir;
  • tdn texto-decoración: ninguno;

Incremento y decremento de valores con el teclado

Es posible usar el teclado para aumentar o disminuir los valores numéricos. Ponga su cursor en el número y use los siguientes atajos.

  • Incremento o decremento del valor numérico en 0.1: ALT-CTRL- ↑ o ALT-CTRL- ↓
  • Incrementar o disminuir el valor numérico en 1: ALT- ↑ o ALT- ↓
  • Incrementa o decrementa los valores numéricos en 10: ALT-SHIFT- ↑ o ALT-SHIFT- ↓

Pensamientos finales

¡Todos deben aprender atajos en sus aplicaciones de elección! Si alguna vez te has sentido frustrado al tener que repetir tareas una y otra vez, entonces busca un atajo. Si encuentras uno, tómate un tiempo para aprenderlo; Te pagará una y otra vez.

¿Cuáles son tus atajos favoritos para Sublime Text 3? ¿Cuáles usas diariamente??