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.
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:
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:
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.
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.
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!
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:
Ahora vamos a navegar a través de todas estas pestañas:
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á.!
Haz una selección y encuentra, una por una, otras instancias pulsando CMD-D.
Nuevamente, haga una selección, pero ahora para encontrar todas las instancias de una sola vez. CMD-CTRL-G.
Aquí hemos seleccionado una línea completa, y ahora podemos seleccionar líneas completas subsiguientes, paso a paso, con CMD-L.
Haga clic dentro de un elemento con algunos elementos secundarios. Entonces presione CMD-SHIFT-J y todos los elementos hijos serán seleccionados..
Estos son algunos otros atajos que no podría vivir sin.
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.
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..
Golpear CMD-CTRL- ↓ o CMD-CTRL- ↑ para cambiar la posición de una línea.
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.
Sublime Text incluso tiene un atajo para ocultar y mostrar la barra lateral. prensa CMD-K-segundo para cambiarlo.
¿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..
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.
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.
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.
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;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.
¡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??