Transcripciones
1. Introducción: No necesitas conocer cada Shoko o técnica para ser productivo con Sublime Text, solo
necesitas saber de una noticia, las que funcionan para ti. Parte del problema es que Sublime Text puede hacer tanto. Es difícil saber qué es posible, qué herramientas o técnicas podrías usar para hacer realmente tu productividad. lo que ahora en este curso vamos a cubrir casi todo lo que Sublime Text tiene para ofrecer. Y por supuesto, vamos a cubrir lo básico. Vamos a repasar la instalación, configurar temas, cambiar tus preferencias. Pero la mayoría de este curso va a ser sobre la tierra y todas las cosas en texto sublime que quizás te perdiste. Hablo de muertes en archivos. Hablo de aritmética, crear carpetas y archivos sin ratón, cambiar un poco de texto por otro bit ataca encontrar un solo símbolo y toda tu base de código, saltando por él puntos de edición anteriores y volviendo de nuevo, aprendiendo a usar la lista de salto para que puedas pasar por tus selecciones y archivos anteriores a los que has saltado, cómo usar múltiples cursores de manera efectiva y así, mucho más. Entonces el propósito de este curso es conseguir que uses Sublime Text como un jefe absoluto, como una leyenda, como alguien que nació con el único propósito de editar texto es corto. Al igual que alguien sabe usar Sublime Text. Soy desarrollador web y autor del Reino Unido, y he usado Sublime Text desde 2012, y lo he usado para escribir blogposts, prosa, libros. Y uso la otra base casi diaria para editar CSS, JavaScript HTML. Toma este curso y vamos a pasar por todas las características y
técnicas esenciales que han sobrevivido textos que te van a hacer más productivo. Y eso es cierto si estás escribiendo código, prosa o cualquier otra cosa, me temo. Y esto es lo último en productividad de edición de texto con Sublime Text.
2. Instalación de texto de Sublime: Ahora texto sublime tiene un periodo de evaluación muy generoso. Esencialmente puedes seguir usando Sublime Text para perpetuidad y solo obtendrás un acto cada tanto. No obstante, texto sublime es software de pago. No es una especie de editor de drogas de puerta de enlace donde es gratis y pagas en términos de tus datos de uso que regalas, o es totalmente gratis o un proyecto de código abierto o algo por el estilo. Es software de pago. Pagas por el software y obtienes tres años de actualizaciones incluidas en eso. Eso no significa que puedas parar. Ya sabes, no tienes que comprar después de tres años tendrías que comprar el extra básico. Seguiremos trabajando en la versión que tienes. Ahora, resulta que estoy en Mac OS. Te voy a estar mostrando todo el curso en Mac OS. Pero hay versiones de impuesto sublime tanto para Windows como para Linux. Y obviamente, la instalación de software va a ser bastante sencilla. Va a ser igual a la forma en que instalas software en tu SO en particular. Entonces no me voy a poner de pie ni siquiera mostrarte cómo hacer click a través e instalar Sublime Text y luego asumir que tienes ese bit COVID. Ahora es cierto que, cuando ves por primera vez libro de texto sublime, Es una interfaz bastante estéril. Y eso me pareció un poco intimidante al principio, pero veremos que esa es en realidad una de sus fortalezas porque podemos
retocar para que tenga exactamente lo que necesitamos.
3. Instalación y uso de los paquetes: El control de paquetes es tu forma fácil de instalar cualquier plugins de terceros conocidos como paquetes en Sublime Text parlance, pero extensiones de plugins, piezas de código de
terceros que puedes usar para mejorar texto sublime. Por lo que lo primero que debes hacer es instalar el control de paquetes. Y puedes hacer eso solo de venir al menú está dentro de las herramientas para Mac OS, pero alguien tu menú ahí, tendrás instalado el control de paquetes y es tan simple como hacer clic en eso. Entonces solo tómate unos momentos. Instalar control de paquetes, se obtiene un poco de diálogo para decir que está instalado y eso es todo. Entonces estará listo para comenzar a instalar paquetes. Ahora El control de paquetes es en realidad un enorme catálogo de paquetes y se ha conseguido sitio web asociado donde también puedes navegar por esos paquetes. Pero en cuanto a instalar un paquete, lo
hacemos directamente desde la sublime interfaz de texto. Y como la mayoría de las cosas en texto sublime, la forma más fácil, la forma más sencilla es a través de la paleta de comandos. El atajo para esto en un Mac es Command Shift
y p, y luego es un panel difuso. Y lo que quiero decir con eso es que puedes empezar a escribir más o menos lo que buscas. Y el texto sublime va a reducir las opciones disponibles en función de lo que has escrito. Ahora vamos a utilizar ampliamente la paleta de comandos a lo largo de este curso. Así que acostúmbrate a ese Shoko, comando de cambio de
Mac y P, Windows y Linux Control Shift y B, podrías ir adelante e instalar todo un montón de paquetes de terceros, texto sublime. Pero les voy a decir que se detengan ahí mismo y piensen en eso. Voy a discutir en un par de videos tiempo eso quizá no sea lo mejor que se puede hacer. Pero antes de meternos en eso, solo
quiero hablarles en el siguiente video un poco sobre los atajos de teclado.
4. Preferencias de edición: A lo largo de estos videos, como estoy presionando ciertas combinaciones de teclas, vas a ver que algo como esto aparece en la pantalla. Los atajos de teclado que más están arraigadas en mi memoria muscular de los de usar texto sublime en un Mac, fue simplemente porque eso es lo que más he usado con esto en mente, estaré usando para describir los atajos de macOS, pero también te mostraré donde sea posible los atajos de Windows y Linux a. Antes de ir más allá, hay algunos pequeños
cambios de preferencias que siempre me gusta hacer en mi versión de sublime. Y hay toda una balsa que podrías hacer. Y sólo les voy a mostrar los que yo elijo y se pueden ver los efectos que tienen. Entonces en pantalla por el momento, tengo unos cuantos archivos diferentes sobre a la izquierda y luego he abierto las preferencias sobre a la derecha, que puedes llegar a ti mismo presionando Comando y coma, y eso se abrirá preferencias. Las preferencias se muestran con los valores predeterminados sobre a la izquierda, y luego su configuración personal de usuario sobre a la derecha. Entonces en este punto antes de hacer algún cambio, solo
hay unos pocos que ya he hecho, que es nuestra fuente original, un tamaño de fuente, y una válida estamos envueltos verdaderos. ¿ Qué palabra wrap true simplemente evitará? Bueno, te puedo mostrar en realidad, si cambiamos esto a falso. Y luego Guardar reloj, lo que le pasa a este material es simplemente salir directamente de la página. Si nos propusimos ser ciertos. Se puede ver que eso se actualiza y nada está fluyendo del dolor. Voy a bajar un montón de estos entonces y luego sólo te mostraré lo gordo que tienen. Para que lo primero que me gusta, particularmente ya que tiendo a ser cliente de pantalla de grabación, creo que es útil ver dónde está el cursor. El primero que voy a añadir es el parpadeo estilo quilate. Aquí se puede ver que hay un montón de opciones. El valor predeterminado es sólido. Se puede tener pestañeo de fase. Voy a ir estaba en blanco. Entonces si miraste ahora, pero una zanahoria estática ahí, si hago clic en Guardar y luego obtengo este icono parpadeante, Ella sólo es útil para ti mientras ves esto para ver si el cursor es, también
puedes cambiar ligeramente el estilo de quilates, pero esta opción que es de carácter amplio. Entonces si hago clic en Guardar, se puede ver, supongo que un poco más de cuidado más gordo de nuevo, que es justo, sólo lo hace un poco más obvio
ya que nosotros, al mirar cosas en la pantalla, siempre
tengo la herramienta de comprobación ortográfica habilitada, que puede conducir a algunas personas al orinal. No me voy a poner eso ahora. Ordinariamente me reservaría. Vas a entonces sólo ver montones de subrayados por todo el lugar. Otro que siempre tengo por defecto, puedes ver aquí están mis mini-mapas aquí. Obviamente obtener la visión general de lo que hay en ese archivo fue suficiente. ¿ Qué va eso no me muestra su paradero. Estoy mirando en esa ventana gráfica hasta que vengo
aquí y desplácese el ratón sobre ella y se pueden ver los aspectos más destacados, el área luego destaca ahí donde estoy en el minimap viejo tiempo. Por lo que aquí hay un ajuste donde mostramos muchos viewport del mapa y vigilamos de nuevo ahora a los mini-mapas. todo momento verá la indicación de dónde se encuentra en ese expediente en particular. También me gusta porque soy un realmente ligero, ya sabes, donde estoy en el medio arriba es otro escenario que es Joe minimap border. Y lo que eso hace es poner tu bonito contorno alrededor de si los miradores también. Entonces otra vez, eso es sólo una preferencia personal mía. Otra que me gusta es baja. Tengo este cursor intermitente aquí. Y también obtienes esta indicación en la canaleta de qué línea estás. A mí me gusta toda la línea resaltada. Entonces este es otro conjunto, ajuste que tengo, que es la línea de resaltado verdadera. Y puedes ver ahora siempre obtienes esa retroalimentación visual de paradero que no estás en esa página. Pareja de menores son apenas hasta blanco para agregar un poco de patrón de línea. Así que solo espaciar estas cosas un poco de nuevo, solo por el bien de la legibilidad, tamaño de
tabulación establecido en cuatro traducen pestañas a espacios se han establecido en verdadero. Es decir, eso a menudo lo cuidan cosas como más bonitas en el botón me gusta. Deja eso ahí por si acaso. Otra que encuentro particularmente útil es resaltar las pestañas modificadas. Entonces por defecto puedes ver que cuando haces un cambio y si
consigo este pequeño indicador de punto de aquí, pero este es un ajuste que te da algo un poco más que eso,
que no siempre es resaltar pestañas modificadas. Y ya ves ahora si presiono Enter, obtengo una indicación mucho más fuerte de que este archivo en particular ha cambiado. Más útil cuando tienes más, un montón de archivos se abren así. Por lo que se puede ver que es mucho fácil ver qué archivo de hizo el cambio a EC. Encima en la barra lateral tenemos esta representación visual o una carpeta camina como y cómo se ve el archivo. Me gustó el tipo extra de distinción al tener etiquetas de carpeta
negritas y lo que esa configuración hace exactamente como te imaginas. Tienes un texto un poco más audaz para las carpetas a diferencia de los archivos. Si estás usando el tema adaptativo, una puesta en marcha para tenerme sólo te enseño. Esto es todo un sutil cambiarlo y qué bien, Así que recogió en el video, pero hay un ajuste que es divisores adaptativos y lo que eso habilitó, sólo tienes, si ves la sección inferior ahí donde las cajas de hallazgo, guardo que, solo
obtienes una línea muy sutil aquí entre estos elementos, aunque para cambiarlo por el alumno, hazlo de nuevo para que ojalá veas la diferencia. Entonces eso es lo que son. Y ahí es donde están. Quizás demasiado pequeño para verlo en el video, pero al menos ya sabes, está ahí si lo necesitas. Puedes ver a la izquierda que esta zona superior aquí, tengo nombre de archivo y luego nombre del proyecto, toda la carpeta en la que estás trabajando. Prefiero tener eso al revés y hay un entorno llamado Show project first true. Y se puede ver si guardo
eso, sólo da la vuelta eso para que sepa qué hombres del proyecto y luego el archivo. Como dije al principio, estas son preferencias, no significa que llegaron las preferencias lo para ti. Pero si echas un vistazo al archivo de preferencias de este lado izquierdo, hay un montón de pequeños ajustes que puedes hacer para hacer sublimar un poco más en casa vista. De acuerdo, en el siguiente video, vamos a ver plugins y temas.
5. Configuración para los plugins y los temas: Ahora soy mucho más Zahn en estos días cuando se trata de configurar mi editor de texto, solía ser el tipo que en cuanto lo conseguía instalado, alcanzaría los paquetes extra,
los temas que empiezan a retocar todo cambiando los atajos. Pero el hecho es que como he envejecido, me di cuenta de que probablemente ese no sea el uso más productivo de mi tiempo y no me hizo más productivo. Ahora parte de la razón de eso es que con el tiempo, plugins y los temas se vuelven desactualizados a medida que avanza el editor principal. A menos que estas cosas se mantengan actualizadas, te encuentras ya sea teniendo que reemplazarlo y plug-ins o cambiar configuración en función de los cambios que han ocurrido en otro lugar del editor de núcleo. Y así terminas manteniéndolos en cierto grado, lo que significa que no estás gastando tiempo haciendo lo que realmente
quieres estar haciendo con texto sublime. Entonces diría que en la medida de lo humanamente posible, concentérense en
la mancha con las características del editor de núcleo y simplemente extiendan cuando sientan que
es absolutamente esencial que necesiten un paquete para hacer un trabajo que hagan día en, día fuera. La verdad es que, con algunas excepciones,
las características y técnicas que te hacen verdaderamente productivo con Sublime Text ya están horneadas justo en el editor. Y por la misma razón, cambiar tus atajos de teclado puede ser un ejercicio de inutilidad. Los desarrolladores de Sublime Text, si claramente pasaron horas pensando en los atajos de teclado y asegurando que uno seguro, no interfiera con otro. Entonces, si de repente saltas lápiz y comienzas a remapear todo, hay una muy buena posibilidad de que algunas de las características del editor central vuelvan a quedar noqueadas por las ataduras clave que te sentaste. Y sólo cuando has usado una técnica en particular y número de veces y sabes que vas a usar eso todo el tiempo. Tienes un mal shock para ello. Ese es el momento de hacer el cambio, pero no se filtre justo dentro y empiece a cambiar las cosas de cualquier manera con todo nuestro set. En el siguiente video, vamos a ver algunos de
los temas más populares y cómo conseguir esos instalados y en efecto,
desatender todo lo que acabo de decir.
6. Introducción: Los temas en Sublime Text son principalmente algo de preferencia. Pero a pesar de eso, creo que hay algunos principios que puedes aplicar a la hora de elegir un tema. En primer lugar, diría,
de ser posible, ir con uno de los temas por defecto que envía con texto sublime. El segundo criterio establecido diría es que si uno de esos no te toma de fantasía, intenta ir con algo que es un tema muy bien establecido y popular. Y la última opción, Absolutamente, fondo del barril, es ir con un tema ya sea hecho usted mismo o que usted encontró en algún rincón de Internet. Y hay buenas razones para esto. El editor principal a medida que avanza lo va a, siempre
está consiguiendo un tipo extra de características y retoques. Si vas con uno de los temas centrales que envía con texto de columna, obviamente no
hay peligro de que eso se vaya a salir de kilter con el editor predeterminado. Los temas siempre van a seguir adelante porque es parte de sublime parte fiscal del núcleo. El mismo tipo de lógica se aplica con uno de los temas más populares. Es más probable que se mantengan actualizados los temas más populares. Y así no vas a estar pasando tiempo preguntándote por qué de repente tu tema no se ve bien. Y la extensión que es obviamente, si vas con algo que te has hecho o has encontrado algún rincón oscuro de internet, entonces probablemente vas a tener que hacer mucho trabajo en mantener ese tema de hoy a medida que avanza el editor. Y no estoy hablando de cambios semanales de que Sublime Text es una pieza de software muy estable. Pero con el tiempo, ya que utilizas este editor de texto para los próximos años, no
quieres tener que tomarte tiempo fuera de tu día para cuidar el tema o el esquema de color que has elegido. Ahora, cuando hablamos de temas y texto sublime, donde en realidad estás hablando de dos cosas separadas. Esencialmente, uno de ellos es el tema de la interfaz de usuario, que es el cromo del software, si quieres. La forma en que aparece la paleta de comandos o aparece la barra lateral. Y luego el otro lado de ella es el esquema de color. Y así es como el lenguaje que estás viendo en texto sublime, ya sea inglés,
JavaScript, hígado, la forma en que eso se renderiza en términos de resaltado de sintaxis. Entonces dos cosas separadas ahí. Se pueden conseguir esquemas, oh lo siento. No se pueden obtener temas de color que incluyan tanto el tema como los esquemas de color, pero también se pueden obtener por separado. Por lo que puedes tener un esquema de color que no forma parte de una cosa de la interfaz de usuario. Entonces solo porque uses un tema en particular y texto
sublime no significa que tengas que usar su esquema de color asociado. Se puede mezclar y emparejar a esos dos sin problemas. Por lo que podría felizmente usar el tema Adaptive UI de Sublime Text, que es uno de los principales. Y luego instalar algo así como nodo, que es una ganancia gruesa de un tercero. Y esos dos jugarán felizmente. Absolutamente bien. Entonces con todo eso fuera del camino, realmente
pongamos y veamos algunos de estos temas y cómo instalarlos y cambiarlos en el siguiente video.
7. Instalación y configuración de los temas: En la pantalla por el momento, tenemos los temas de texto sublimes predeterminados y esquemas de color. Entonces es el tema predeterminado con esquema de color de Marianna. Ahora, ya he instalado algunos temas aquí, pero sólo te voy a mostrar que el tipo de pasos por los que
pasarías para conseguirme un nuevo tema. Y obviamente, hay un billón de sitios en Internet que pueden mostrarte lo que consideran los mejores temas. En el video anterior, hemos pasado por consideraciones que debes hacer antes de adoptar un tema. Pero una vez que hayas encontrado uno que buscas, normalmente estarás haciendo el turno de control habitual P. Lo
instalaremos para llevar el control de paquetes de Dios. Eso irá y te conseguiré la gran lista de todos los paquetes disponibles. Y si quieres por defecto ser algo fácil de hacer porque esta es una búsqueda difusa, es si comienzas con tema, como una buena forma de acortar tu búsqueda a temas reales. Obviamente, si conoces el tema que buscas, si buscas algo parecido al material, que es un tema muy común, puedes ver el tema material, ir y almacenar ley. Una vez que hayas instalado el tema, normalmente
obtendrás algo que se parece al mensaje de control de paquetes, que en este caso, este era un tema en el que instalé. Yo sólo estaba probando unos cuantos. Recibes un pequeño mensaje para decir, gracias por instalarlo. El tema, a veces obtienes un montón de detalles, escuchas sobre cosas que necesitas
hacer o opciones extra que puedes meter en tus preferencias. Esta cosa de aquí, cambiando el tema y el esquema de color. Típicamente a partir de Sublime Text cuatro en adelante, Eso no es algo de lo que tengas que preocuparte. Eso lo puedes hacer con el patrón de mando, lo mostraré en un momento. Pero estas cosas o configuraciones adicionales que puedes elegir implementar. No todos, no todos los temas tienen la misma configuración sobre ciertamente leer a través del léame como si hubiera algo ahí que haga cosquillas tu fantasía que te gustaría hacer. Entonces te voy a mostrar algunos, algunos temas que he instalado y que también te
muestran uno que realmente he comprado puedes, hay un par de temas premium donde pagas una pequeña cantidad debida, voy a mostrarte en un momento se llama Molokai Pro, que es de 995€, que no me importa pagar por algo que creo que es de alta calidad. Y agradezco, ya sabes, uso ese tema todo el tiempo. Por lo que realmente sólo depende donde te sientas en cuanto a si quieres pagar por todas estas cosas no lo hará, pero corre la gama. Se puede conseguir un montón de temas gratis
realmente, realmente buenos. Y puedes gastar un poco y conseguir un tema comprable de calidad. Entonces sigamos adelante y echemos un vistazo a algunas de las opciones disponibles para nosotros. Lo primero que quieres hacer si estás eligiendo el esquema de color, como en la sintaxis resaltando todo el tema del
propio editor como si comenzaras tocando UI en la paleta de comandos. Eso lo va a reducir para ti. Y las dos cosas que típicamente te interesan es seleccionar tema seleccionará esquema básico. Entonces en este caso, les voy a mostrar algunas de las opciones para cambiar
todo el cromo del editor, no,
no el color del texto que se renderice el lenguaje y solo lo real POR sí mismo. Entonces si hacemos tema ligero aquí, se
puede ver la capa predeterminada como el tema sublime predeterminado. Y luego tenemos adaptativo, que es otro que viene preinstalado. Tienes perro. Y Q0 es uno que he descargado que he adquirido. Al igual que puedes ver ahí que tiene estas bonitas pestañas grandes y gordas en la parte superior y acento de núcleo de hielo en los jurados. Por lo que se puede ver el vasto cambio en toda la interfaz de usuario allí. Entonces me
pegaré época, me escaparé y volveré a donde estábamos. Y luego te pondré en algún archivo CSS ASO. Esta la forma en que puedes ver el texto renderizado aquí es usando el esquema de colores predeterminado, que es Marianna. Y así como puedes cambiar el tema, también
puedes cambiar el esquema de color. Por lo que de nuevo, puedes bajar a seleccionar esquema de color y ves sobre un montón de estos. Y aquí Anki, que fue uno de los temas que acabo de mostrarte, viene con un montón de esquemas de color también. No todos los temas vienen con esquemas de color y no todos los esquemas de color vienen con un tema que te piden? Pero sí, es solo un caso de ciclismo hacia abajo y se pueden
ver todos los diferentes disponibles. Dicho nada es un esquema de color en particularmente así no viene con un tema también. Eso es sólo el esquema de color en sí. Entonces tendrías que emparejar eso con un tema que mentiste. Y ves que tienes algunas variantes ligeras, tus lats, una varianza de perro. Vamos a cambiar. Ahora. Voy a cambiar el tema y voy a cambiar el esquema de color para que puedas ver la consejería que podrías hacer. Entonces voy a cambiarlo por el que típicamente lo uso en un minuto, que es Molokai. Entonces puedes ver aquí hay algunos tipos de variantes y yo estoy aquí con esa. Y luego también voy a cambiar el esquema de color. Entonces voy a ir de nuevo a uno de los protones Molokai. Entonces iré con esa por ahora. Para que puedas ver ahí tenemos una UI diferente. Aquí tenemos cositas. Al igual que puedes ver que la fuente ha cambiado aquí en este tema en particular. Diferentes iconos que la sociedad, de
nuevo, pueden variar de un tema a otro. El tamaño de estos textos en la espuma utilizada, todo este tipo de cosas varía de un tema a otro, pero es una cantidad casi ilimitada de temas outlet es realmente solo un caso de conseguir uno que te gustaría. Uno que creas que estás bastante seguro se va a actualizar de forma segura sobre, sobre el futuro. Ocasionalmente obtienes situaciones en las que si tienes un montón de temas instalados, encuentras situaciones en las que un icono en particular no aparece en el sitio o algo así cuando tienes demasiados temas instalados, lo
haces ocasionalmente dependiendo de qué tan bien fuera de los temas todos obtienen situaciones donde los iconos laterales estaban apareciendo en un tema y es por un tema diferente se sobrescribe esa cosa. Por lo que yo sólo estaría atento a tener demasiados instalados en cualquier momento. Y obviamente son lo suficientemente fáciles para deshacerse de ellos y tirar hacia atrás de nuevo si querías deshacerte de un tema es lo mismo que cualquier otro paquete con control de paquetes, quitar paquete. Te va a traer tus poliésteres, todas las cosas que tienes instaladas actualmente. Y obviamente solo eliges el que quieres. Presiona Enter y se lo va a quitar por ti. Entonces ahí lo tienes. Hay una rápida visión general de algunos de los esquemas predeterminados, esquemas color y resaltado de sintaxis, y un par de temas diferentes. Uno gratis, uno que descargué, y éste que actualmente estás mirando lo que es una cosa pagada bastante barata. Ahora también en este video, también me he saltado un poco por delante y cambio el tamaño de la fuente y la propia fuente. Entonces en el siguiente video, te
voy a mostrar cómo podrías hacer eso también.
8. Fuentes y ligaduras: En estos días estamos absolutamente mimados para elegir cuando se
trata de fuentes monosespaciales de alta calidad, las fuentes donde cada glifo toma la misma cantidad de ancho, ancho de glifo. Ahora esta fantástica opciones gratuitas, esta fantástica opciones económicas y esta fantástica opciones de pago. Y configuras la fuente en el archivo de preferencias, que puedes llegar a ti en un Mac con comando y coma. Si no estás seguro como siempre, solo usa el pellet de comando. Y eso traerá tus preferencias. Y recuerda, los valores predeterminados están a la izquierda, los ajustes de usos están a la derecha. Entonces lo que buscamos en esta instancia es que queremos establecer una familia de fuentes. Entonces si solo hacemos una búsqueda rápida aquí para todo font-face por defecto no está configurado en nada en particular. Entonces eso va a usar cualquiera que sea la fuente del sistema. Vamos a hacer, vamos a establecer nuestra propia fuente. Entonces lo que haremos es agarrar esta configuración aquí,
copiar esto sobre pegajoso en nuestro propio archivo de preferencias de usuario. Y vamos a ir a agarrar un monosespacio decente a partir de ahora a riesgo de afirmar lo obvio, para que puedas usar una fuente de programación
en particular, necesitas tenerla instalada como una de las fuentes de tu sistema. Dependiendo de su sistema, mucha configuración diferente. Aquí estoy en un Mac, así que es Font Book o nuestra agradable diversión de programación. Vamos a salir, Vamos a buscar que hay una bonita fuente de programación de JetBrains, y sólo se llama JetBrains one, voy a poner una vista encantadora que tipo de te dice todo al respecto. Descarga la fuente, abre una versión para Mac. Es solo el caso instalar fuentes. Y ahí vamos. Ahí están nuestras muchas versiones diferentes de JetBrains, Mono. Entonces puedo cerrar esto ahora y estoy de vuelta en Sublime aquí. Voy a escribirlo exactamente como aparece en esa libreta telefónica. Por lo que la vena guarde que ahora ves el teléfono saltar ligeramente. Hay un cambio a la diferente fuente también es un poco pequeña para mi suerte es particularmente ya que estoy tratando de demo cosas para ti y esto se proyectó. Por lo que también voy a agarrar el tamaño aquí. Pondré esto justo después y lo voy a poner a algo más cómodo. Toko 16 parece tal vez un poco. Bueno, solo dividamos la diferencia ahí. Está bien. Lo dejaré a las 15 por ahora. Por un poco a un lado, vale la pena pasar aquí. No es estrictamente hablar con la fuente utilizada día a día, pero la configuración para el texto que está en la interfaz de usuario como esa definida molesta en que se puede ver el error. Abro la barra lateral aquí y te mostraré que El hallazgo allá. Entonces estoy hablando de la, la fuente aquí. Y aquí. Si quieres que eso sea un poco más grande, eso es amanecer sobre un tema por bases temáticas. Eso no es algo global que puedas meter en tu archivo de preferencias. Lo que puedes hacer es que haya un comando en la paleta de comandos. Entonces de nuevo, voy a la parte de comando consiguió UI ahí porque eso fue lo último que usé en el archivo de comando. Y se puede ver lo primero que se trae ahí es tema personalizado. Ahora, puedes tomar eso y luego esta es la configuración para el tema en particular. Lo estoy usando en un minuto, al
igual que con la configuración estándar, preferencias, preferencias usuario, el servicio predeterminado de la izquierda y la configuración de usuario está a la derecha. Entonces voy a agarrar este pedacito aquí. Y lo voy a meter en las variables, mi propia configuración y un oponente fuera a 14. Ahora, ya verás cuando guarde esto ahora, vamos a cerrar esto. Se puede ver que todo esto se hizo mucho más grande. Textiles está aquí abajo. Tengo más grande para que puedas hacer, puedes ver en ese archivo para ese tema en particular, Hay un montón de configuraciones diferentes que puedes ajustar. Eso solo te da una ilustración si, si quieres que tu tamaño de texto en la barra lateral y los paneles definidos y similares, sea más legible. Es bastante fácil hacer eso, pero es tema por tema. De acuerdo, volvamos a las fuentes entonces. Ligaduras, un popular en estos días, incluso en la programación de fuentes. Y si no estás seguro de qué es toda ligadura, básicamente
es donde consigues un par de glifos esa habitación juntos. Y en lugar de sombras, clips separados, te
hace calentar un glifo para mostrar que ese bajo suena más complicado de lo que probablemente necesita ser. Permítanme darles un ejemplo aquí. Entonces si puedes ver ahí, porque cambiamos el lema de JetBrains y eso tiene ligaduras habilitadas cuando es algo así. Y este caso estoy viendo algunos JavaScript TypeScript. En lugar de mayor que o igual a, haré el mayor que. Y luego cuando agrego también los iguales, lo convierte a éste, glifo Robin, los dos separados. Ahora algunas personas odian los vínculos y algunas las aman. Aquí no hay mal ni justo. Es como temas, solo escoges el que te gusta y vives con él antes de cambiarte. Si te gusta una fuente, pero quieres desactivar el equipaje es que puedes cambiar eso con las opciones de fuente, que es una configuración y preferencias. Entonces tienes como una fuente. Pero quería decir, bueno, los vínculos pueden agarrar este ajuste por aquí y pegar esto en. Lo que hay que agregar ahí. Para que bien, apague dependiendo de su sistema, ligaduras. Entonces guardaré eso. Y con un poco de suerte, y nos deshacemos de eso. Aquí se pueden ver estas ligaduras que estábamos mirando antes y ahora desactivadas. Voy a volver a encenderlo porque soy personalmente me gustan las ligaduras, así que sólo voy a traer eso de vuelta un momento. Y sólo voy a deshacerme de esas opciones de fuentes. Guarde eso, y volveremos a tener en ligaduras. Acabamos de usar JetBrains Mano, ahí, hay muchos otros ejemplos finos. Si vas a, hay un sitio web programando fonts.org, puedes noquearte. Aquí, hay montones y montones de opciones diferentes. Se puede cambiar el idioma, enloquecer. Favoritos personales para mí, o JetBrains importan lo que acabamos de ver ahí. Este miedo al código, que es otra de tres buenas alternativas. Y el mono hundido es otro bueno que, eso es un pagado por uno pero como textos cursivos también en los comentarios. Entonces verás el tipo de texto en cursiva si eres fan de eso. Pero yo sólo diría experimento, encontrar una fuente y un tamaño de fuente. Es cómodo para ti. Y seguir adelante. En este punto, maderas tienen una fuente con la que estoy contento y una talla con la que estoy contento. Normalmente me dedicaría a instalar los diversos plug-ins que utilizo. Pero como eso es un poco más subjetivo, encontrarás esos, los plug-ins que uso, los videos de instalación para aquellos al final del curso, piensas en el micrófono y apéndice para libro, si eres como, Ahora es enteramente depende de ti. Puedes ir a ver esos ahora y luego volver aquí. O simplemente podemos seguir adelante en este punto. Porque a continuación vamos a meterte en mostrarte los principales aspectos de la interfaz y las diversas cosas que puedes hacer.
9. Vista general de la interfaz: De acuerdo, en este video, solo te voy a dar un breve recorrido por todas las piezas principales de la interfaz que conforman Sublime Text. Y luego en los videos después de eso, vamos a entrar en los detalles de cada una de estas cosas. Entonces esto es solo para darte una vista de muy alto nivel de la interfaz, solo para especie de orientarte. Entonces puedes ver obviamente he cargado algunos archivos aquí, un pequeño proyecto solo para mostrarte algunas de las cosas de las que vamos a hablar ahora. Entonces probablemente lo primero que tal vez quieras
hacer es el archivo abierto que se ha deshecho p. Y eso te da una visión general, una especie rápida de selector de los archivos que conforman tu proyecto. la derecha aquí, tenemos el mini-mapa, y eso te permite, eso te da una vista de pájaro de tu código si quieres, y puedes hacer click para moverte sobre esta cosa o simplemente usarlo como referencia para ese tipo de forma y longitud del archivo que estás mirando. Tenemos una consola en Sublime, una consola Python. Entonces puedes ver que son generalmente, no
tiendo a usar tanto porque es más,
es más útil si estás solucionando tu sublime instalación, algo así. Si has instalado un paquete y las cosas no van bien, esto normalmente te dirá el bootup, cuánto tiempo lleva, qué diferentes plugins cargados y todo ese tipo de cosas. También hay un panel de historial de copiar y pegar en Sublime. puedas abrir eso con Command K, Command V, y eso te mostrará las últimas cosas que lo has colocado en Sublime, tenemos un panel de interruptores rápidos que puede aparecer, acabo de tener un proyecto al minuto porque esto es nuevo instalar, pero tal vez, ya sabes, puedes tener tantos productos ahí como quieras y un poco como el cambio de archivos, solo
puedes tejer arriba y abajo ese menú. Elige un proyecto y va a cambiar instantáneamente todo, toda tu capa de archivos a ese producto en particular, sin embargo lo tienes configurado. También puedes dividir fácilmente la interfaz si tienes este archivo aquí y tienes otro que quieras ver. Simplemente puedes hacer clic en eso con el comando y al instante obtienes una vista dividida. Puedes hacer lo que quieras en este archivo. Y cuando quieras volver al archivo, originalmente con solo un clic más y recuperas toda la interfaz. Algo a lo que te acostumbrarás muy rápidamente y necesitarás familiarizarte es la paleta de comandos, eso es Command Shift P en un Mac. Y esta es la pieza de interfaz que esencialmente te permite llegar a cualquier otra cosa. Sublime. Aquí es donde se instalan los paquetes, se eliminan los paquetes o se encuentran los ajustes. Todo es a través de la paleta de comandos realmente, también
tienes cosas como encontrar símbolos y Project, que es una manera, dependiendo del idioma en el que trabajes, puedes encontrar un símbolo en particular y te
llevaran directamente a eso a través de muchos diferentes todos los archivos de tu proyecto. Por lo que se puede ver que a pesar de esta especie de apariencia ligeramente austera, esa casa Sublime Text, empaca un bevy de funcionalidad. Hay pequeños pedacitos de UI, por ejemplo,
para exponer aquí la barra lateral, que puedes hacer con el botón, o puedes hacer el Shawcross. Aquí verás cosas que describen el estado si estás usando el control de versiones de Git. Ortografía significa que el espacio es la extensión de archivo que lo usas. Ahí también hay otra forma de llegar a todos tus diferentes archivos. Y obviamente puedes cambiar las pestañas aquí con el ratón o el atajo para comprimirlas también. Entonces eso es bastante para tomar,
en un video corto como ese libro. En los próximos videos vamos a estar cavando en estas piezas de la interfaz y familiarizarla con ellas en detalles, en todas las entresijos que tienen para ofrecer.
10. Abrir archivos: Piensas que algo como abrir un archivo sería tan
sencillo que no merecía un video propio,
pero esperemos, te convenceré de lo contrario. En Sublime, si quieres que salga directamente abridor un archivo de tu sistema de archivos, puedes usar Command Enter y lanzará tu sistema de archivos predeterminado. Para que puedas ver ahí puedes navegar por tu sistema y elegir el archivo en cuestión que vas a abrir. Ahora, como veremos en unos cuantos videos, tiempo, sublime tiene este gran concepto de proyectos. Entonces puedes abrir un proyecto que es el, sólo
tengo uno aquí porque es una instalación fresca. Bueno este proyecto abierto y si un proyecto cargado en la interfaz sublime, obtiene esta noción de elegir rápidamente en archivos que viven dentro de este proyecto. Entonces si hago Comando a y P, obtengo esta ventana de búsqueda difusa que aparece, modal que aparece. Y luego puedo intentar rápidamente encontrar un archivo que pudiera estar interesado o EPA simplemente AKA navegar a través de ellos así. Y esto me va a dar una visión rápida y una vista previa como ciclo a través de ellos. Entonces si quería ir archivo y si está ahí y lo etiquetas, podría empezar a escribir gulp y se puede ver estrecha a ese archivo, Entonces también me muestra una vista previa del mismo en segundo plano. es bastante bueno como es. Pero hay algún tipo extra de trucos que vale la pena conocer. Supongamos que estaba trabajando en su archivo ts, vale, así que tengo un guión en el que estoy trabajando. Y otro ITS Ni siquiera voy a poner la parada completa
ahí si se encuentra la extensión de archivo, la cosa que busco. Pero supongamos que quiero darle una línea 63. Yo puedo golpear el colon ahí, veces 63, presiona Enter, y me llevará directo a ese archivo, lo cual es realmente útil si tienes archivos de idioma donde obtienes un error y te metes en una era número de línea que quieres ir directamente a. Entonces de nuevo, ese es el nombre del archivo dos puntos, el número de línea que estás, estás buscando, presiona Enter y te va a llevar directamente a esa línea de ese archivo. Otra cosa que puedes hacer en el hallazgo, el modal de ventana abierta es que puedes abrir múltiples archivos a la vez. Y supongamos que acabo de abrir de nuevo este proyecto. Y quiero abrir el archivo CSS principal,
el archivo principal de JavaScript,
el archivo de índice principal. Puedo bajar esta lista aquí, decidir que quiero esa y estoy presionando aquí mi flecha derecha. Y se puede ver sólo el index.html surgió como una pestaña. Y entonces, um, digo, sí, quiero abrir ese expediente también para poder volver a bajar. Esto es todo sin cerrar esta ventana hacia abajo, presione el botón derecho, y eso me abre ese archivo. Podría entonces decidir sobre los archivos de estilos. Bueno, La Derecha de Prensa. Y me abre una para mí. Abre todos los archivos en cuestión Estoy interesado en los más antiguos de esa interfaz de comandos uno. Y luego voy a presionar Escape y tengo esos archivos en los que trabajar. Otro escenario supongamos que es el galio. Supongamos que quería terminar de abrir la página del índice, pero me interesaba encontrar una palabra en ese archivo llamada capítulo. Bueno, lo que puedo hacer es que puedo hacer índice y luego puedo usar el símbolo hash y escribir la palabra que busco. Entonces voy a ir aquí por capítulo. Y si presiono eso, pueden ver que me lleva a la primera instancia de esa palabra en ese expediente. Por lo que realizas dos operaciones esencialmente en un solo movimiento. Entonces otra vez, vamos, supongamos que quiero mi archivo JavaScript principal, que en un resultado lo haces. Tsca es un archivo TypeScript. Y entonces supongamos que quería encontrar a continuación la palabra siguiente en. Nuevamente, Es el símbolo hash, la cadena que buscas, presiona Enter. Y te va a llevar a la primera instancia de eso y ese expediente. Otro truco interesante es con ese mismo comando, el comando P. También puedes buscar dentro del archivo que buscas en contraposición a ganar a través de todos los archivos. Hasta el momento hice Comando P y luego solo escribo el símbolo hash. Ahí se puede ver que en ese menú tengo una lista de todos los símbolos principales de este archivo. Entonces a medida que voy bajando, esto me da una forma muy rápida de saltar por las partes importantes de este archivo. En el tema predeterminado, también
llegarás aquí, puedes ver un pequeño botón más para darte un nuevo archivo. La alternativa a eso. Siempre olvido que eso está ahí. Y muchos temas parecen ver con el camino, con eso como el que yo casa museo. Entonces solo voy a volver y mostrarte que lo que ves que desaparece. Entonces en el caso de que no tengas eso, la forma más fácil si quieres hacer un nuevo archivo es solo Command y N. Y eso va a crear un nuevo archivo en una nueva pestaña. Y escribes lo que quieres ahí dentro. No pide el nombre del archivo hasta que vengas a guardar ese archivo, pero es bastante seguro aunque fuera a cerrar sublime y volver habiendo no guardado ese archivo, eso todavía va a estar en el mismo estado para mí, sublimes muy bueno en POC y esas cosas de distancia en caso de que
algo se apague y tu sistema se baja. Entonces como puedes ver, el diálogo de archivo abierto de Sublime Text es un poco más poderoso y tal vez lo pensarías ordinariamente, y ojalá puedas recordar algunos de estos atajos a medida que comienzas a usar el programa más y más. De acuerdo, en el siguiente video, vamos a ver el minimapa.
11. El minimap: En este video, solo te voy a mostrar unos pedacitos y piezas sobre el Minimap, que es la característica que primero llegó a Sublime Text y engendró cientos de imitadores y cada otro editor de texto después es una especie de estacas de mesa ahora que tendrás un mini-mapa en tu editor de texto. Y esa es esta zona a la derecha aquí. Cuando abres un archivo. Ahora puedes, si se trata de dos, aquí está para que lo mires. Puedes desactivarlo con el menú de vista
aparecerá para que puedas optar por ocultar el minimapa. Ahora, no se puede desactivar, está en el tema. Entonces si nunca quisiste ver el minimapa, eso no es como yo conozco. Algo. Se puede apagar con la configuración que se puede apagar con bastante facilidad así. Ahora el minimapa en sí, puedes hacer clic a un punto y se moverá hacia abajo hacia donde está tu ratón. O puedes agarrar este tipo de área de enfoque aquí y simplemente cambiar eso para
desplazar muy rápidamente hacia arriba y abajo un gran archivo largo ya que es un gran archivo CSS viejo. Por lo que es bastante útil para hacer cierres por ahí. Ahora si ya has visto el video sobre preferencias, sabrás que hay algunas configuraciones alrededor del Minimap que quizás quieras cambiar a tu propia preferencia. Entonces por ejemplo, soy fan de Irán es ventana muy clara por aquí, incluso cuando no estoy flotando sobre el mini-mapa. Pero si no quieres ver, lo que podrías hacer es configurar el borde del minimapa del cajón en falso. Entonces esto es, de nuevo, probablemente sea mejor ver el video sobre preferencias para ver dónde estoy aquí y qué estoy haciendo. Entonces de nuevo, esto es dependiente temático, pero acabo de cambiar al tema predeterminado aquí. Y yo, hicimos esos cambios en el Minimap. Digo que no siempre muestres el minimapa. Hacer dibujar un borde de mini-mapa. Pero esos ajustes en su lugar con el tema predeterminado, se
puede ver que no consigo el tablero del minimapa hasta que pase el cursor sobre el área del minimap aquí, no
soy un fuego que funcionalidad. Estoy bastante contenta de tenerlo puesto todo el tiempo. Y como digo, no todos los temas obedecerán ese ajuste necesariamente de todos modos. Entonces voy a volver al tema que normalmente uso Illuminate de todos modos. Entonces eso es realmente todo lo que hay para contarte sobre el Minimap. Siempre te está dando esta zona. Siempre hay lo que puedes ver en tu ventana principal de editor para ese archivo. Y obviamente solo te mostrará, o mejor dicho siempre te mostrará junto a dónde, ya sabes, si tienes múltiples archivos abiertos, obtienes un mini-mapa para cada uno. Entonces obviamente esto te está mostrando este expediente por aquí. Este, el de la izquierda de ahí. Y eso es lo mismo sin importar cuántos de esos archivos que haya abierto en la interfaz.
12. El Sidebar: Ahora hay algunas formas de abrir la barra lateral. Típicamente en la mayoría de los temas, todavía
obtendrás este diminuto icono de la izquierda para abrir y cerrar la barra lateral. Si estás usando el ratón ordinariamente, animaría a acostumbrarte ya sea al atajo que existe,
que es Comando K,
Comando sea todo, prepárate. Otro atajo por el tiempo más largo lo tenía establecido en Control S por ejemplo, y ese era mi toggle de barra lateral. Obviamente, es bastante rápido para tablet con el teclado, con el ciberabierto, puedes poner foco en la barra lateral sin tener que usar el mouse mediante el uso de control y 0. Y luego puedes usar tus teclas de flecha. Simplemente puedes ver aquellos siendo resaltados mientras me muevo aquí abajo con las teclas de flecha. Y obviamente te está dando la palabra clave de vista previa I mientras haces clic en ella, Lo que es interesante o lo que vale la pena prestar atención. Como se puede ver en las pestañas que hay en la parte superior, que la que estoy seleccionando un aparte aburre la pestaña está en cursiva en contraposición a la fuente normal. Y eso se describe de diversas maneras en Sublime Text parlance como una pestaña transitoria o un pueblo fantasma. Bueno, hasta que yo interactúe con
eso, ese archivo sólo va a ser reemplazado por otra cosa si hago clic en otro lugar. Entonces si hago clic en los estilos ahí, se
puede ver que eso se ha apoderado de ese tipo de área transitoria. Si interactúo con este archivo, mira que ese texto en cursiva cambia ahora porque ese es un archivo editado que es un tipo de tomado en una nueva vida y eso ya no es una pestaña transitoria. Si vuelvo aquí, esto no va a ser reemplazado en esa misma posición. Se puede ver que aquí se abre una nueva pestaña transitoria. Entonces donde los ves en cursiva así como una buena indicación que estas son cosas que estás viendo momentáneamente. Si estoy más en la barra lateral ahí y estoy,
estoy navegando arriba y abajo con el ratón,
lo siento, teclas de linfedema del navegador, puedo cambiar de nuevo a la página principal de edición con control y cálido. Y ahí se puede ver que el cursor acaba de volver al dolor principal. Entonces de nuevo, Control 0 me desplazan a través la barra lateral y el muro de control me cambiará de nuevo al editor principal. Y verás a medida que vamos más allá, una vez que tengas grupos de archivos abiertos el control uno, control dos, etcétera, te
va a recorrer por los grupos de archivos. El menú contextual estándar con sublime no hace mucho. Entonces ya verás si te saltas por delante al tipo de bit de apéndice al final de este curso donde instalamos diferentes plug-ins, he puesto algún plugin de barra lateral mejorado, que te da una balsa mucho más grande de opciones ahí para elegir. Cosa que realmente es genial. Pero las versiones más recientes de sublime, ya que tienes un grado de integración de Git fuera de la caja. Entonces no sólo ves esta indicación aquí de la rama en la que estás y te pones sabio y cuántos commits en el escenario que tienes. También obtienes estos indicadores en los propios archivos aquí con unos pequeños puntos amarillos Eso me está diciendo que algo ha cambiado. Su dieta típicamente necesita lidiar con commit a mi repositorio Git, el pequeño botón aquí abajo, más destacado te da alguna integración con el otro producto sublime, que es sublime fusionado. Ahora no tengo eso instalado en este sistema, así que verás aquí si hago clic en
eso, me está diciendo que si,
si hubiera fusionado sublime, esto interactuaría con él. Y cuando tengas sublime mencionado instalado,
y hagas click en ese maestro,
Eso va a abrir Sublime merge en esa rama exacta y detalles y todo el resto de la misma. Entonces ese es el área de la barra lateral. Se puede ver un tema dependiente. Obtendrás diferentes iconos para diferentes tipos de archivos. Aquí puedes plegar secciones, carpetas, y con estos triángulos de revelación, y pueden tomar diferentes formas en diferentes temas también. Pero es una forma de darte una visión general de todos los archivos de tu proyecto en los que estás trabajando.
13. La consola: Tan sublime texto tiene una consola integrada, pero no confundas eso con una terminal porque no son lo mismo. Ahora la mayoría de los usuarios tienen poca necesidad del alma porque es una consola Python, pero es útil para ver lo que está pasando con sublime bajo el capó. Y si alguna vez tienes problemas con los plugins que no se cargan, diferencia de lo puedes acceder a él en cualquier momento con el control y la tecla tilde. Por lo que se puede ver en la consola se abre aquí arriba. Voy a saltarme de vuelta al principio ya que
me está diciendo versión de que estoy en donde está el ejecutable, directorio de
trabajo, básicamente montón entero de información que típicamente no me interesa porque todo está funcionando bien. Pero puedes ver aquí
obviamente hay información importante de depuración que si
tienes un problema con la sublime instalación, Te
va a dar todo un montón de cosas que los desarrolladores podrían encontrar útiles en solucionarlo por ti. Por lo que puedes ver aquí todos los diferentes plug-ins que se cargaron para apagar eso de nuevo con el mismo control de comando hasta que no haga ningún terminal incorporado en Sublime. Pero verás en si has visto los videos cerca del final con los diferentes plug-ins que se instalan. He instalado el paquete llamado terminus, que sí te da un terminal sublime incorporado, pero eso es aprovechar tu configuración de terminal existente. Por lo que estoy usando Power Line 10. K aquí está el tema. Yo lo uso en celular SH, así que puedo acceder a eso sólo por el azúcar se ríe con Command T. Pero obviamente se puede configurar para ti también. Mis necesidades para el terminal bastante modestas, así que me pongo bien con el plug-in para terminus dentro de Sublime, pero no es una pausa totalmente equipada de la interfaz sublime en sí es un plug-in que corres al lado.
14. Historia de copia: Ahora no mucha gente sabe que en realidad hay una característica de historial de copias incorporada justo en Sublime Text. Ahora, en realidad me gusta usar una pieza de software separada para, para el historial de copias porque es solo algo que estoy haciendo todo el día a través de diferentes aplicaciones. Entonces personalmente uso Alfred, que es una aplicación OS 10 que hace todo este tipo de cosas. lo que típicamente tengo absolutamente botes montones de cosas
diferentes que quiero copiar y pegar desde todo mi sistema. No obstante, si solo necesitas copiar el historial en
Sublime, te mostraré la funcionalidad aquí. Entonces voy a abrir un nuevo archivo aquí. Vamos a copiar un montón de cosas. Ala, supongamos que estas son las diferentes áreas que nos interesaron copiar y pegar en algún otro lugar. Entonces, si ves típicamente en un sistema, una vez que copias algo en el portapapeles, todo lo que estaba allí antes se pone en un looped y no puedes volver a él. Sublima mucho más inteligente que eso. Y está almacenado estas cosas para nosotros. Entonces ahora, si entro en este archivo, el atajo por defecto es Comando K, Comando V. Así que te mostraré cómo es eso. Esto me da las piezas de textos. O sea, no te da un adelanto completo de ellos. Ojalá puedas ver cosas que has conseguido. Te permite simplemente ponerlos rápidamente en otro archivo. Al igual que así. Por lo que de nuevo, Comando K, Comando V, y Azure piezas de texto y que se acumularán y levantarán. Entonces ahí lo tienes. Una característica muy simple de copiar y pegar incorporada
justo en la sublime interfaz de texto.
15. Swticher de proyecto HD 1080p: Sublime tiene el concepto de proyectos horneados justo en él. Entonces dependiendo de tu sistema operativo, mi atajo es Control
Command P. Y eso trae a la luz esta bonita cajita, y me da un conjunto de opciones en cuanto a qué proyecto quiero saltar. Puedo usar las flechas para elegir o
hacer clic o escribir en filtro hacia abajo y luego presionar Enter. Y recogerá ese proyecto exactamente como lo
dejé antes de completar con dónde estaban las pestañas, qué archivos están abiertos donde no era el archivo. Lo único que debes recordar es cuando comienzas a trabajar en un proyecto, necesitas guardarlo como proyecto. Entonces veamos cómo hacemos eso ahora, parámetro de
control p trae mis proyectos donde paleta. El problema en este punto es que solo tengo un proyecto, así que eso no es particularmente interesante. Entonces lo que también te mostraré es cómo haces un proyecto en primera instancia. Entonces, pues déjame mostrarte cómo metemos un montón de cosas en sublime de las que podemos hacer un proyecto. Entonces desde tu proyecto de año de menú superior, vamos a hacer en doblado un proyecto. Necesito navegar hasta la carpeta de archivos que quiero convertir en un proyecto. Y este es mi sitio de WordPress. No quiero todo ahí dentro. Por lo general estoy trabajando en el tema en sí, así que sólo voy a navegar a la carpeta en cuestión, y voy a hacer clic en Abrir. Y ahora si abro la barra lateral Comando K B, puedes ver que tengo todos mis archivos ahí para el tema trabajando. Ahora, como sin duda lo
encontraras, llegas a un punto en el que tendrás múltiples proyectos a la vez y
quieres cambiar a menudo entre dos o más proyectos fácilmente. Entonces en este punto he agregado estas carpetas a Sublime, pero si no realmente convertir esto en un proyecto, entonces lo que hacemos es ir al menú del proyecto aparecerá y usaríamos Guardar Proyecto Como. Y se llega a elegir dónde se desea guardar el archivo del proyecto. Ahora bien, esto no es una especie de regla dura y rápida. Lo que tiendo a hacer es típicamente con los sitios web y aplicaciones en los que estoy trabajando. Tengo una carpeta Sitios en la raíz. Y al lado de los sitios que conoces, las carpetas para los propios proyectos, puedes ver aquí tengo un montón de proyectos sublimes aquí. Por lo que típicamente sólo lo guardaría en la habitación de aquí. Entonces en este caso voy a, voy a guardar esto como PF 2018. Y ese es sólo el nombre del tema que estoy usando en mi WordPress. Entonces voy a hacerlo, voy a guardarlo ahí. Este es ahora nuestro proyecto. Ahora hay un montón de cosas al lado de proyectos que puedes hacer. Permítanme mostrarles que ahí la documentación para Sublime. Y yo soy así si salgo esto aquí un momento para que puedas verlo mejor. Yo con toda honestidad, nunca uso estos archivos de proyecto. Me parece que solo la forma básica de usar proyectos me
conviene bien por el tipo de cosas que quería hacer. Pero no puedes tener este archivo JSON se hace automáticamente por el proceso que acabamos de hacer cuando guardamos el archivo. Pero dentro de ahí se puede ver que las carpetas que están dentro de ese proyecto se guardan en el archivo JSON. Y luego también hay configuraciones como si pudieras tener un sistema de compilación en particular que ejecutas en ese proyecto en particular. Y también podría tener patrones de archivo particulares. Se puede ver allí en este bit aquí archivo excluir patrones. Podría haber ciertas cosas que no quieras incluir en ese proyecto y puedes hacerlo con ese archivo JSON. Pero con toda sinceridad, eso no es algo de lo que alguna vez haya hecho uso. Entonces sólo voy a deshacerme de eso ahora. Pero ahora tenemos estos dos proyectos. Lo que podemos hacer es el pico de control de mando. Y ya verás ahora que tengo estos dos proyectos en marcha, se va automáticamente al otro proyecto. Entonces simplemente lo vuelve a hacer, es este énfasis en la velocidad con sublime que
ya sabe que estoy en el proyecto BAFTA 1018. Por lo que de inmediato se destaca en la siguiente para que
yo haga un interruptor rápido para que pueda presionar Enter y luego estoy de inmediato y ese proyecto, probablemente
sea mejor de lo que crees también y que puedas abrir, Vamos a abrir un número de diferentes carpetas y archivos aquí. Entonces puedes ver esto es que el layout que tengo aquí en este proyecto. Puedo cambiar, vuelta al otro proyecto. Y abramos un montón de cosas aquí. Líder. De acuerdo, Entonces si puedes recordar en el otro proyecto lo que el archivo, y tenemos 33 archivos en columnas ahí. Entonces volvamos a cambiar. Y se puede ver no sólo recuerda obviamente el proyecto en sí, sino que recuerda dónde estabas en ese proyecto, qué archivos habías abierto y todo lo que dice guardado en un archivo de espacio de trabajo que va al lado del archivo del proyecto. Ahora los ojos agudos entre ustedes también se habrán dado cuenta en este comando, pero ahí tienes un cursor y un cuadro de búsqueda. Entonces si tienes 1015, muchos
proyectos que hayas construido a lo largo del tiempo. También te ha gustado todo lo demás en Sublime, tienes una bonita búsqueda difusa allí donde solo puedes escribir unas cuantas letras. Y va a reducir esa lista. Entonces se puede ver ahí si un tiempo de hecho BF, se va a reducir a sólo esa. Obviamente, no tan útil cuando acabas de tener dos proyectos ahí dentro, sino normalmente en un sistema en el que llevas trabajando desde hace algún tiempo. Eso obviamente es realmente, muy útil. Entonces que en pocas palabras,
es proyectos dentro de Sublime Text . Muy sencillo, pero muy, muy poderoso. Y es algo que te animaría a hacer uso de cuando hagas cualquier sitio o app, o lo uso para los libros que escribo, voy a hacer un proyecto para esos. Y luego tienes esta forma muy sencilla de cambiar entre los proyectos en los que estás trabajando.
16. Claves de adaptación: Entonces en este video, vamos a ver las claves de remapeo y Sublime Text. Ahora, recomendaría en la medida de lo posible ir con el sistema operativo y editar los predeterminados para todas sus mapeos de claves. Porque en general, están muy bien considerados en el garantizado no entrar en conflicto. Eso no significa decir que serán instancias extrañas donde realmente
necesites o preferirías tener tus propias ataduras de clave para cierta pieza de funcionalidad. Pero respecto a ese consejo, si hay una ocasión en la que sí quieres tu propio mapeo de claves, absolutamente
puedes hacerlo fácilmente con el texto sublime. Entonces lo que querrás hacer es como tantas cosas en Sublime, vamos a empezar con la parte de comando. Por lo que sería Shift Command P en un Mac. Escriba en solo clave lo hará por
la búsqueda difusa que obtienes la paleta de comandos y para seleccionar los atajos de teclas, eso abriría el archivo de encuadernaciones de teclas al
igual que la configuración que hemos visto en otros videos, obtienes las fijaciones de clave existentes a la izquierda y las fijaciones de clave de usuario sobre a la derecha. Entonces la única forma de ver allá a la derecha es la que agregué para toggle terminus, que es el plugin terminal que agregamos en uno de los otros videos. Supongamos que sólo por el bien de mostrar cómo funciona esta cosa, queremos asignar una tecla de acceso directo diferente para abrir nuestra barra lateral. La forma más rápida de hacerlo sería pasar al panel izquierdo y hacer una búsqueda de barra lateral. Entonces ahí lo tienes. Lado en el balón escolar nos consigue tupla barra lateral. Y se puede ver que ese es el atajo que hemos mirado en el video de la barra lateral y especie de las cosas en texto sublime. Entonces acordes así donde son dos claves consecutivas. Y se puede ver que he separado las dos claves, separadas por una coma. Eso es como tocar un acorde o si estás acostumbrado a un goteo y algo así como ellos. Entonces supongamos que queremos cambiar esta barra lateral
de toggle de ser super casos sea para controlar un S. La forma más fácil de hacer eso es agarrar Esto allá puedes ver estoy incluyendo las llaves aquí. Y como es un JSON, esencialmente objetos, vas a querer poner una coma después ese conjunto de llaves y luego pegar en el siguiente set. Entonces, cada definición de mapeo clave, si quieres, son dos de esos aparatos ortopédicos. Y luego puedes ver que obtienes el objeto claves y luego el colon, y luego las propiedades en sí. Entonces en ese caso tienes la cuerda, son super caso sería. Ahora obviamente, eso va a hacer lo mismo que él ya no lo hace el minuto. Ahora, antes de que sigamos adelante y guardemos eso, en realidad
puedes probar si la clave que quieres usar es ganar para ser libre. Por lo que podemos abrir la consola dentro del archivo de mappings de claves aquí, controlar hasta el final. Tendrás que ingresar esta línea en la consola y luego presionar Enter. Y luego si presionas la combinación que pretendes usar, si obtienes retroalimentación como esta. Entonces ese soy yo presionando control y S. Te das cuenta ahí que no aparece ningún comando o selector. Y eso te está diciendo que actualmente no hay nada asignado a esa combinación de teclas. Ahora si presiono algo que sé que ya existe como control y F, Puedes ver que me dan las llaves. Ahí hay, los estoy presionando, pero ahí no hay retroalimentación visible. Por la misma razón, si hago Control y yo, eso te va a mostrar que esa combinación de teclas es libre de usar. Entonces Ese es un papel útil para ellos, estableciendo un montón de ataduras de claves y luego preguntándose por qué ninguno de ellos funciona. Siempre vale la pena solo probar eso antes de asignarlos. Entonces estoy feliz ahora de que eso esté disponible para mí. Entonces podemos entrar aquí ahora, y no necesito una cancha aquí. Esto va a ser un sencillo, así que voy a cambiar eso para controlar Cultivos, plagas así. Y eso debería hacerlo. Y eso lo guardaré ahora. Y deben entrar en vigor de inmediato. Entonces si Control y S, vamos. Por lo que ahora he asignado un nuevo enlace clave a la barra lateral TBL. Se puede hacer este clima. Es un problema que has instalado y quieres mapear ciertas claves a eso, o si se trata de los encuadernamientos existentes hasta Sublime Text. Pero sólo para reiterar, tiendo a dejarlos tanto como sea posible estándar porque ustedes saben que son considerados y no conducen a conflictos. Si quieres configurar uno nuevo, pruébalo
siempre abriendo la consola cuando estés en el archivo de ligaciones de teclas. Prueba la combinación que pretendes usar y siempre y cuando llegue sin saber qué mensaje conoces, tú, puedes seguir adelante y remapear. Podemos ir un poco más allá que eso con sublimes ataduras de claves si eliges mostrarte algo ahora, lo cual no estoy sugiriendo que necesites poner esto en tu expediente, sino solo para mostrarte el tipo de cosas que puedes hacer. Entonces voy a seguir adelante ahora y abrir el archivo Cleburne es de nuevo. Por defecto, en Sublime, no
hay ningún comando de movimiento para moverse hacia arriba o hacia abajo hasta la siguiente línea de base blanca. Voy a factorizar. Déjame mostrarte el tipo de cosas. Es decir, así que supongamos que aquí tenemos un montón de reglas CSS. Y se puede mover fácilmente hacia abajo arriba y abajo del archivo como hemos mirado en algunos de los videos de movimiento. O también podrías mover una página, un término que puedes ver ahí en el Minimap a la derecha. Eso es solo dejarte caer una página a la vez. Lo siento tanto, Eso es página abajo. Pág arriba. O lo que podría querer hacer en este tipo de archivos, dependiendo del idioma con el que esté trabajando, posible que desee bajar y saltar hacia abajo cada regla, bajar al espacio en blanco cada vez. Eso no es algo que salga de la caja con sublime, pero es absolutamente algo que se puede hacer con unas pocas líneas y las fijaciones de teclas. Así que déjame abrir de nuevo el archivo de las fijaciones de claves ahora. Y yo voy a pegar. Entonces al igual que la violencia clave antes de que necesitamos asegurarnos de poner una cámara al final de ahí. Y luego vamos a poner un par de ataduras de llave más aquí. Entonces los dos que estoy agregando aquí es el viejo top y Alt abajo. Y luego se puede ver que la forma en que se definen estos, Alltop va a ser un comando de movimiento. Y los argumentos que se le han pasado es decir por paradas que están vacías, línea Adelante, falso. Entonces eso suena más complicado de lo que es, pero básicamente está diciendo: No sigas adelante, muévete hacia atrás cuando haces un Alltop a la siguiente línea vacía. Y este de aquí está diciendo, cuando haga Walton abajo, quiero que avancen, cierto, por línea vacía. Por lo que acabo de notar que esos dos no tienen hay entre corchetes. Entonces si guardamos eso de vez en cuando cerramos esta ventana, lo que deberíamos conseguir ahora con Alton Duda es nuestro simpático sencillo, saltando por las líneas vacías. Por lo que de nuevo, estamos usando los atajos clave aquí para simplemente extender la funcionalidad básica usando el, el poder de la interfaz extensible sublimes si quieres. Por lo que en términos generales, si puedes ir y descubrir una forma de moverte de una manera particular, puedes escribir una clave por un int. Te va a dejar hacer eso. Entonces ahí lo tienes. Hemos mirado dos formas sencillas de usar los encuadernaciones de teclas. Quieres tener razón y atajo existente y cambiar eso a algo de todo IQ. Y entonces también hemos utilizado las ataduras de teclas para extender la funcionalidad de sublime con un par de comandos de movimiento que hacen algo más a nuestro gusto.
17. Uso de Tabs: Correcto, Entonces, ¿qué sabemos de Tabs? ¿Hasta ahora? Sabemos que cuando haces un cambio a una pestaña, lo consigues en la línea para mostrar que se ha cambiado para encontrar un archivo que voy a hacer algunos cambios aquí. Se puede ver esta pequeña marca aquí para decirme que se ha cambiado el expediente. Y se puede ver ahí me llevó de vuelta a su estado original, esa pequeña marca se ha ido. También sabemos que al hacer clic en algo momentáneamente, obtiene esta versión semi transitoria del archivo aquí con este texto en cursiva. Y eso queda así hasta que sigas adelante e interactúas con este archivo, lo cual puedes hacer si haces doble clic en él ahí arriba o si comienzas a editar el archivo. Ahora, dependiendo del tema que estés usando, tu conjetura, un trato ligeramente diferente de estas pestañas parece darte. Vamos a mostrarte cómo sería esto con lo estándar. Por lo que se puede ver ahí en el tema estándar un tratamiento ligeramente diferente. Cuando editas un archivo, obtienes este bonito monocapa grande en la parte superior y
eso, eso también es configurable en cierto grado. Ahora voy a volver a mi tema normal. Entonces eso es lo básico mismo de las pestañas y sublime. Entonces lo que haremos es que solo abriré un montón más de archivos aquí solo para darnos más pestañas para mirar a través. De acuerdo, entonces me voy a esconder, vamos a deshacernos de la barra lateral que como tú para que podamos concentrarnos en las pestañas. Es común cuando estás desarrollando algo para querer echar
un vistazo rápido a dos archivos a la vez que ya podrías tener en pestañas. Entonces lo primero que les voy a mostrar es que es mantener presionada la tecla de comando y dar clic en otro archivo, lo siento. Sí, otro archivo bajo la pestaña que ya tienes abierto. Y se puede ver aquí que se obtiene esta manera muy rápida de sólo cortarlo en el aire, ver qué está pasando. Podrías hacer algunas ediciones ahí si quieres. Pero entonces si hago clic de nuevo a mi archivo original, se apaga, baja fuera del camino para poder concentrarme en este archivo principal en el que estoy trabajando. Por lo que es una forma muy elegante de simplemente
saltar rápidamente a estos diferentes archivos con los que estás trabajando en cualquier momento. Y también podrías hacer eso con dos archivos a archivos extra o tantos como quieras. Y vuelves atrás y haces click en el que quieres concentrarte. Y se puede ver entonces se hace cargo de la totalidad del espacio de la ventana. Puedes navegar por pestañas. Obviamente, puedes usar tu ratón y dar click alrededor. Las otras opciones son que puedes usar Opción de
Comando y tus teclas de flecha para joule per coulomb. Entonces solo voy a la derecha y a la izquierda ahí para, para agacharse. La otra opción que tienes con las pestañas es que puedes presionar la tecla de comando, número que corresponde a qué tabulador quieres. Entonces estoy mirando el tercero,
tap, su plática final de la cuarta que puedo hacer Comando y 4, o podría saltar a mando y siete personalmente, creo que tratando de recordar qué pestaña de número quiero pasar a su mas quemadura mental, entonces puedo manejar. Por lo que típicamente solo estoy usando la opción de comando y las flechas para moverme entre, entre los archivos en la parte superior. Pero obviamente, si prefieres el sistema de numeración, es muy sencillo. Comanda maderero el tabulador que me va a saltar directamente a ella, ¿verdad? Eso es bastante básico hasta ahora. Un par un par de cosas más que creo vale la pena mostrarte con Tom. Una de ellas es que puedes hacer una vista dividida en el mismo archivo. Entonces si vas dividida vista ahí desde el menú contextual, obtengo otra versión aquí de los mismos archivos que puedes ver listados dos veces. Puedo desplazarme a otra parte del mismo archivo, hacer algunas ediciones aquí abajo. Sea lo que sea esa cosa, ahorra. Y se puede ver que esa cosa ahora existe aquí. Y cuando termines con eso, solo
puedes hacer click en él y lejos vas por el mismo token que puedo deshacer aquí. Y se puede ver que a pesar de que estaba en la versión diferente de ese mismo archivo, todavía
puedo hacerlo desde este punto y
guardarlo, guarda ambos archivos. Por lo que la vista dividida a veces puede ser útil si estás trabajando en algo como tal vez un capítulo o un libro, algo así. Ese es un expediente muy largo. Y te encuentras queriendo editar dos partes separadas de ese archivo de una sola vez. Otra cosita de las pestañas que podría resultar útil para el menú contextual es que puedes usar locate. Y lo que eso va a hacer es abrir el menú lateral para ti y resaltar exactamente dónde está ese archivo en el sistema de archivos del proyecto en el que estás trabajando. De vez en cuando útil si tienes un montón de archivos, me obligan a recordar dónde los pones. Un pequeño consejo final mientras estamos en
estas pestañas objetivas es si fueras a cerrar una pestaña por accidente, Hay un atajo agradable y sencillo para recordar, que es Shift Command T. Y eso traerá de inmediato ese archivo atrás. Entonces me gusta pensarlo como Ben, has sido una T completa y obviamente
puedes insertar tu propia palabra ahí, lo que sea que tenga sentido para ti. Entonces tal vez decimos Ben, has sido un completo mojado y eso te traerá el archivo de vuelta. Entonces eso son pestañas que hemos mirado vista dividida del mismo archivo, visto eso en diferentes pestañas, así. Hemos mirado saltando por las pestañas con las teclas de flecha y opción comandada. Hemos mirado cómo saltar de archivo a archivo utilizando el sistema de numeración, que es Command y 123, etcétera. 10 por cierto es un 0. Si quieres llegar a la décima pestaña, si tienes esos muchos abiertos. Y hemos mirado el hecho de que hemos repasado, el hecho de que una vez que hagas una edición en un archivo en particular, obtendrás alguna indicación de que esos archivos están sucios si quieres, se ha editado. Y también veremos este tipo de cosas luz que puedes ver ahí, hay un modo de edición para decirte que ese archivo ha sido cambiado. Entonces eso son pestañas. Ahora vamos a ver en el siguiente video cómo podemos usar pestañas con dividir esta interfaz de ventana que tenemos aquí. Por lo que veremos en el siguiente video.
18. divide la ventana: El último video, repasamos las pestañas y todas las diferentes cosas que pudiéramos hacer con las pestañas lo subirán una muesca aquí y vamos a ver Windows, cómo dividir la interfaz en ventanas. Pero yo sólo diría a estas alturas, lo grandioso
de Sublime Text es que realmente lo puedes usar, sin embargo, tiene sentido para ti. Entonces no te sientas obligado de que necesites usar Windows, pozos para trabajar. Algunas personas prefieren simplemente tener una sola ventana y mover pestañas alrededor. Pero también he visto muchas otras personas a las que les encanta tener divisiones en la ventana y les gusta agrupar sus archivos de acuerdo al tipo de tema con el que se trata. Entonces si tienes la interfaz aquí, cortesía y tenemos siete archivos aquí, abre. Si desea dividir las cosas en dos columnas, el atajo de teclado es la Opción de Comando 2. Y si querías dividirlo en tres, ya sabes, esto va tres es el número tres con Comando y Opción. Y luego podrías hacer cuatro columnas si quisieras. También podrías hacer cinco, te
dará un bonito diseño de cuadrícula. Entonces, dependiendo de la pantalla con la que estés trabajando, si tienes una pantalla cuadrada grande, podrías encontrar que la cuadrícula es una mejor manera de trabajar con estas cosas. Eso está todo bien y bien. Pero si ya tienes una carga de archivos abiertos, puede
ser un poco irritante ahora, en realidad, puedes arrastrar y soltar archivos en estas diferentes ventanas si quieres. Pero también se puede hacer eso con el teclado. Lo que puedes hacer es en el, estoy enfocado aquí. Me enfocaré aparecer en esta división superior izquierda. Y si quiero desplazar el foco a un grupo diferente, puedo hacer Control y luego el número. Entonces el control para macetas me allá abajo. Si voy a Control 2. Y lo que su control tres allá abajo. No sólo puedes cambiar el foco, así que voy a volver allá arriba a, a ese. También puedes entonces una vez que tengas enfocando ahora el teclado, puedes desplazar una de esas pestañas en una división de ventanas diferente. Y lo haces con Control Shift y luego el número al que quieres enviar ese archivo. Entonces voy a mover el contenido aquí y lo muevo hacia abajo la ventana inferior derecha en este diseño de cuadrícula con Control Shift y 4. Y ahí vamos. Pasamos ese archivo a través de esta ventana. Entonces es, se necesita un poco de acostumbrarse a la memoria muscular. Pero se puede ver aquí esta forma de trabajar para algunas personas es increíblemente poderosa porque sólo se puede cambiar bien estas cosas, dependiendo de la tarea que se tenga a mano. Entonces, solo repasemos eso una vez más. Vamos a restablecer esto a una vista. Y entonces otra vez, las divisiones son 2, 3, 4, 5 me da una grilla. Mueves tu enfoque con control y el número de división a la que quieres trasladarte. Entonces voy a pasar a uno ahí con control y uno. Y luego si fuera a mover este archivo de archivo y a dividirme a, por ejemplo, es Shift Control y dos. Y de nuevo, muevo el foco hacia atrás ambos solo control sobre qué? Entonces puedo usar el atajo que aprendimos en el último video para mover pestañas. Puedo moverme por la parte superior. Y digamos que quería mover esto hacia abajo a la división tres, es Control Shift 3. Y ahí vamos. Y entonces una vez no hago un Alma debe ahí fuera si quería reiniciar una vez más. La grasa es la opción de comando uno. Estudia un montón de herramientas de manipulación de ventanas realmente poderosas construidas justo en Sublime. Te diré un poco de tiempo para acostumbrarte al choque pasa rápido, ese tipo de forma que te gusta trabajar. Realmente vale la pena pasar el tiempo y meter la cabeza alrededor de esos atajos de teclado. Es mucho más rápido, arrastrando y soltando con el ratón, que también puede hacer.
19. Modos sin pantalla completa y Distracción: Modo de pantalla completa y modo libre de distracción, un dos características que quizás sean autoexplicativas, pero a menudo encuentro que la gente se sorprende
cuando aprenden que están horneadas en texto sublime. Entonces lo primero es la capacidad de alternar el modo de pantalla completa. Y lo haces con Control de Comando y muerte. Entonces puedes ver que solo toma un poco si la interfaz de usuario se va y solo voy a cambiar eso hacia atrás para que puedas ver la diferencia. Simplemente pierde este tipo de top. Pero si estás aquí, así que ese es el modo de pantalla completa ahora puedes ir un paso más allá e ir con el modo libre de distracción, y eso es Control Shift, Command y F. Así que vamos a sacar esto de ese modo. Y éste es Control de Comando, Shift
y F. Y dijeron, ya sabes, es un poco un plano blanco, gírelo con los dedos. Pero se puede ver ahí que no sólo se ha ido mucho de la chica de la UI, sino que el minimapa ha ido de lado en las Barras de Estado, cálmate en la parte inferior. Y nos ha puesto en este tipo de modo casi como máquina de escribir donde tenemos la columna central en la que concentrarnos exactamente
en lo que haces mejorar el modo libre de distracción. Entonces de nuevo, para deshacerla es solo el reverso de ella, turno Comando ,
Control, y F lo hará una vez más. Tienes los números de línea a la izquierda, tienes la barra en la parte inferior, el minimapa, pequeño tipo de iconos en la parte superior derecha. Control de mando desplazado f. Y se ve todo lo que puede desaparecer. Y lo único que te queda es esta barra de desplazamiento. Nuevamente, otra característica linda, dependiendo de cómo te guste trabajar. Esto podría ser algo que en este caso, puede ver que lo estoy usando ya que estoy escribiendo una entrada de blog que no lo sé, pero conozco a un montón de gente que usa este modo justo cuando quieren concentrarse en archivos particulares. En cuanto al código.
20. Encuentra y reemplazo: Sublime tiene un increíble motor Buscar y reemplazar. Se puede encontrar un reemplazo y un solo archivo, un área seleccionada, o en todo un proyecto. También puedes establecer filtros para excluir ciertos patrones de carpetas o archivos o usar expresiones regulares aunque los dirijas. Vamos a empezar de manera simple y luego pasar a algunos escenarios más complicados en la pantalla de ejemplo aquí, y simplemente cerraré mi barra lateral hacia abajo. Tengo un proyecto abierto. Es tema de WordPress. Entonces tengo un montón de CSS, PHP, un poco de JavaScript. Voy a empezar con la operación más sencilla que vas a hacer, y esa será Command y F.
Y eso trae arriba el panel básico de hallazgo. Ahora como muchos de los paneles y Sublime, puedes redimensionarlos. Y si encuentras que eso es, quieres que vuelva al tamaño predeterminado, solo
tienes que hacer clic en ese borde superior hacia abajo, lo devolverá a su tamaño predeterminado más profundo. Este diálogo de hallazgo también podría verse un poco diferente dependiendo del tema que estés viendo. Entonces solo para darte un ejemplo de cómo se ve con el tema por defecto, si solo volteé capa de copia de seguridad a algo como el predeterminado, puedes ver que la parte inferior ahí dentro de ese panel fino, muy ligeramente, que varía en términos de lo que hacen, lo que su apariencia puede ser ligeramente diferente. Entonces voy a simplemente voltear capa hacia atrás a la que estoy usando y los muchos deseos a la proteína Molokai. Entonces supongamos que quiero encontrar todas las instancias de in-line de prensa Comando F sobre enfocarse en esa caja ahí, teclea en línea y se puede ver al instante, me
lleva a la primera instancia de esa cadena en el archivo, lo resalta amarillo. Y entonces puedo, si quiero encontrar la siguiente instancia de inline, puedo presionar Enter. Y se va a, se puede ver en el mínimo ahí a la derecha me está saltando a la siguiente instancia de esa palabra. Si quiero ir hacia atrás, si he saltado sobre el que quería llegar, si mantienes presionada Shift y presionas Enter, puedes ver que
te está llevando copia de seguridad a través de bien definido. Ahora esas teclas presiona el enter y el turno para ir hacia atrás o análogo a lo que haces en encontrar ahí y encontrar anterior. Simplemente tiendo a usar los atajos de teclado porque los encuentro un poco más rápidos de usar. También podrías hacer encontrar todo lo que puedes ver ahí. Te está mostrando la tecla de acceso directo para eso fue útil. Entonces podríamos hacer eso con la llave y eso va a encontrar todos esos. Ya ves, ves que abrió un archivo, todos están resaltados. Eso es útil si quieres encontrar una cadena en particular y luego cambiarla por algo completamente diferente. Entonces volvamos a subir el panel fino. Y si quisiéramos hacer eso con nuestro teclado, haríamos tipo de cadena que buscas. Entonces fue Option Enter. Y de nuevo, se puede ver cómo se hace exactamente lo mismo que desabotonar. Una de las cosas interesantes, si miras hacia arriba el área de la barra de desplazamiento en el lado derecho. Entonces por aquí, mientras escribo, ¿
pueden ver estos marcadores aparecer en el lado derecho? Entonces esto te está mostrando el número uno forma en que tu barra de desplazamiento es, pero estos pequeños marcadores diminutos que puedes hacer ahí fuera en el borde derecho o las posiciones de esas cuerdas. Y ahí se puede ver que, ese amarillo brillante es el que actualmente está seleccionado. Entonces si me desplazo mi fregadora o ABI puedo ver sólo me estoy acercando a esa ahora. Ahí está el LO encendido, solo asomando. Eso es útil si tienes un archivo grande y quieres saber a dónde vas a saltar. En versiones anteriores de
Sublime, parece recordar que hacer esto es solo memoria. Creo que solían estar bastante iluminados en el mini-mapa, pero en las versiones más recientes de sublimate parecen llegar
a esta marca está en el área de la barra de desplazamiento, que probablemente es más útil porque sí corresponde hasta exactamente donde tu desplazamiento en ese archivo. Ahora, antes de meternos en algunas operaciones más complicadas, queremos simplemente hablarte a través de estas opciones en el área de barra de herramientas de find. Por lo que se puede ver de izquierda a derecha, la primera es expresiones
regulares y eso es por lo general lo cambiarías si quisieras escribir aquí una expresión regular para buscar contra la siguiente es la sensibilidad K. Entonces si tengo la sensibilidad de mayúsculas y minúsculas activada y busco en línea, se
puede ver que eso no es encontrar nada porque no tenemos versiones en mayúscula de esa palabra. Si me apago, se
puede ver que es insensible de táctica con conteos, pero todavía lo encuentra ahí en el expediente. El siguiente es palabra entera. Esto es útil si estás buscando una cadena que a menudo forma parte de otra cadena. Entonces en el pequeño caso de prueba que estamos haciendo aquí, supongamos que había una palabra que era rara, hacer BYD, supongamos que esa era la palabra que estábamos buscando. Se puede ver que tenemos montones de instancias de ancho en este archivo CSS. Entonces si tuviera toda la palabra seleccionada y lo hiciera raro. Eso no va a encontrar que a pesar de que no se trata del caso, se trata sólo de que eso no es todo un mundo, es parte de una palabra diferente. Entonces si apago eso, puedes ver que empieza a encontrar ancho. Y entonces éste de aquí, el siguiente es rápido. Y esto sólo significa que si estás abajo en el fondo del expediente y yo doy vuelta. Envuélvete y he buscado en línea. Se puede ver que no está encontrando nada porque está llegando desde el punto que actualmente estoy línea 275 y apenas va bajando a 27 ocho. No es envolverse alrededor de ese archivo. Eso es de utilidad ocasionalmente. Bueno, por defecto, tiendo a dejar esa respuesta con eso encendido. Se puede ver que me ha envuelto de nuevo alrededor del archivo, me
empezó de nuevo arriba en la parte superior y encontró la primera instancia de esa cuerda. Entonces el último poquito y vamos a mirar ahí está la acción de insulina. Entonces supongamos que esto solo es un área de un archivo grande que desea buscar con ellos en lugar de todo el archivo en sí. Voy a ilustrar solo seleccionando esta pequeña sección aquí, pero voy a sacar el panel. Y se puede ver que estoy, busco en línea, pero crucialmente quiero buscar en selección. Entonces lo que eso hará es que sólo encontrará las instancias de inline en este ejemplo que están en esa selección de texto ahí. Entonces eso son hallazgos básicos, diferentes sublimes. Lo siguiente que vamos a ver es Buscar y Reemplazar. Por lo que es un atajo ligeramente diferente. Es Comando, Opción y F. Y eso te trae este tipo de doble altura encontrar ventana. Y lo puedes ver muy similar a lo que tenías antes. Ahí hay un par de botones pequeños extra, pero esencialmente ahí está la caja para lo que quieres encontrar y luego una caja para lo que quieres reemplazar ese texto. Se puede ver que hay este botón para caso preservado también. Y lo que eso hace es a pesar de lo
que escribes aquí, va a preservar el caso que ya existía. Entonces si era minúscula en la pantalla, tecleas. Y así sucesivamente. Este siguiente, lo sustituiré por un montón de gorras. Entonces vamos a encontrar el próximo 119 y yo lo sustituyo. Eso es sólo scoot volver a subir a un 190. Y, y se puede ver que a pesar de que lo
golpee y en mayúsculas aquí porque era minúscula, lo ha reemplazado por minúsculas. Timmy helada. No encontré realmente lo que usas para esa última, no algo que he usado mucho. Pero de nuevo, como muchas de estas herramientas están ahí en las extrañas situaciones donde realmente son útiles. Voy a apagar eso de nuevo ahora. Entonces desde este panel de doble altura, lo que voy a hacer es que voy a reemplazar todas las instancias de inline con URL. Y puedes ver aquí tienes la opción de hacerlas de una a la vez. Bueno, sólo puedo seguir adelante y reemplazarlos todos de una sola vez. Ahora, puedes ver aquí, bueno, si conoces CSS, podrás decir eso. No me gustaría hacer eso porque no hay tales propiedades de visualización URL flex. Entonces, ¿qué es genial de casi todo en sublime ya que te da la opción
de salir de la cárcel de solo presionar siempre Comando Z para deshacer la operación. Entonces en este escenario del mundo real, no
estaría queriendo reemplazar el flex interior y cosas así. Lo que realmente voy a querer hacer es hacer en línea y luego el corchete de apertura, así sucesivamente están reemplazando esto por URL. Entonces me voy a ir, puedo ver ahí también, Control F, y luego puedo pasar a un reemplazo. No tengo que deshacerme del panel fino estándar y llevar el reemplazo un cubo solo puede ir directo a eso. Y se queda con lo que ya he conseguido esa caja. Y voy a reemplazar los corchetes abiertos en línea por los corchetes abiertos de URL. Y de nuevo, puedo hacerlo de uno a la vez y hacer un reemplazo. Conforme vamos a encontrar este caso, es solo el uno o podrías hacer Reemplazar Todo y eso los va a hacer todos de una sola vez. De acuerdo, así que hemos sido bastante simples hasta ahora en que hemos estado mirando Buscar y reemplazar en un solo archivo. Pero probablemente lo mejor de los sublimes,
más finos reemplaza, puede funcionar a través de proyectos enteros. Por lo que un atajo más es Shift, Command y F. Y esto nos trae hacia arriba el tipo de la gran mala Find and Replace que atravesará todas las situaciones. Nuevamente, obtenemos otra capa aquí a nuestro fino panel. Entonces tenemos Buscar y Reemplazar como teníamos antes. En el medio aquí tienes esto donde campo y tonto intimidado por estos patrones aquí porque si no puede recordar cuáles son estos patrones, te dan algunos ayudantes útiles aquí abajo también. Entonces en este caso, voy a descomponer esto un poco. Déjame deshacerme de eso por ti. Entonces, qué hace esto por defecto, si pones una carpeta denotada ahí con las dos barras y asterisco a cada lado que diga, vamos a deshacernos de eso. Eso dice, Por favor encuentre dentro de esta carpeta. Entonces en este caso, si hago una búsqueda aquí, solo
voy a bloquear en la carpeta de módulos de nodo. Entonces si hago clic bien ahí, puedes ver que estoy buscando a través de 15 mil archivos más por eso, que en realidad no es lo que me interesa hacerlo todo. Entonces en este caso, en lugar de hacer eso, puedo poner un menos aquí. Y lo que esto dice sublime es mirar por todas partes pero no dentro de la carpeta de módulos de nodo. Y ya verás lo que esto trae de vuelta. Ahora, se puede ver que tenemos de nuestros 15 mil archivos a solo 93 archivos, que es más como lo que me interesaría. Ahora, lo que es genial de este resultado de hallazgo que regresa es si te vas por aquí y dices, oh, en realidad es, es sólo éste en el que me interesa. Simplemente puedes hacer doble clic en ese resultado. Y se puede ver que está abierta esa página exacta. Y me ha llevado a la línea exacta que estaba en esa ventana de resultados de hallazgo. Por lo que se puede ver la línea 263 en página home. Y ahí es exactamente donde me ha llevado. Ahora está claro que hacia abajo. Y lo intentaremos y operaremos donde lo hagamos. Vamos a ir a través de todos estos toro a menos que supongamos esta cadena, esta corchetes abiertos en línea, por lo que también existió en nuestro TypeScript son todos PHP. Pero no nos interesaría, y sólo quisiéramos hacer este cambio en nuestros archivos CSS. Entonces lo que puedes hacer es decir excluir la carpeta de módulos de nodo, pero también queremos que encuentre solo en archivos CSS. Entonces ahora hacemos un hallazgo y está bien, sólo
vamos a conseguir CSS ahí, que es lo que queremos. Entonces si yo estaba contento con eso, puedo volver a correr eso. Y en lugar de sólo encontrarlos, voy a seguir adelante y reemplazar. Y luego obtienes esta bonita, muy útil advertencia que dice 70 monedas a través de cuatro archivos. Entonces si sigo adelante y hago clic en Reemplazar, puedes ver ahí que otra vez, este es otro tipo de seguridad a prueba de fallas el cual es grandes cantidades mías. Deshazte de eso, Pamela, puedes ver estos está abierto, estos todos los archivos que se vieron afectados y se ha hecho los cambios. Aquí se puede ver que ha cambiado las URL. Tan bien para esa cuerda de ahí para ti. Por lo que puedes ver que ha cambiado a lo largo de estos archivos en línea a URL. Pero crucialmente, no se salvan. Entonces tienes el pequeño indicador ahí para decir que
ese archivo ha sido cambiado pero no seguro. Entonces si estás contento con eso, puedes seguir adelante y hacer cualquiera de las operaciones que ya conoces. Podrías hacer un sitio que conozcas, puedes ir a Archivo y Guardar todo para hacerlos todos de una sola vez. Comando, Opción S, o podrías elegir todo saber, en realidad no quería cambiar eso cuando cierras esa y simplemente guardas las que te interesan. En este caso. Estoy absolutamente contento con eso. Entonces voy a hacer el Comando de Opción S. Guardo todos mis archivos y eso está hecho por mí. Bueno, lo último que te muestra es si de nuevo
hacemos Shift Comando F para que aparezca el panel de reemplazo final. Se ve el pequeño icono de get por aquí. Es útil para mí generalmente dejar eso encendido. Y lo que eso hace es que respeta al gitignore. Si tienes un archivo gitignore en tu proyecto que lo usas. Y por defecto, no te va a molestar buscar en, en ninguna de las carpetas que están en tu git ignore. Entonces si lo usas un sistema de compilación y estoy construye a una carpeta Build por ejemplo. Y eso es un nuevo git ignore. Sublime es lo suficientemente inteligente como para pasar por encima de eso para que no consigas tus resultados de hallazgo cargados de cosas que simplemente no te interesan. Entonces que en pocas palabras, es la funcionalidad de encontrar y reemplazar de Sublime Text. Increíblemente potente, increíblemente rápido. Y realmente vale la pena tomarse el tiempo para conocer este pequeño tipo de herramientas que tienes aquí para hacer estos pequeños ajustes dependiendo del archivo en el que trabajes.
21. Goto cualquier cosa: Quiero mostrarles ahora una característica que creo realmente eleva el texto sublime por encima de la mayoría de los editores de texto. Y esa es la funcionalidad de go-to. Déjame mostrarte eso en una base de código en la que estoy trabajando ahora. Por encima de la derecha aquí tenemos mi sitio web, que es un sitio web basado en WordPress, y tiene cerca de diez años. Ahora. Y como se puede imaginar, el CSS que impulsa este sitio está lleno de Cellectis. En este punto ha sido CSS estándar, ha sido SaaS. Volver a CSS que se ejecuta a través de PCSS. El punto es, quizá no siempre sepa exactamente
qué archivo es la regla para un selector en particular. Entonces supongamos que en este caso, quería hacer algunos cambios a este selector en particular. Puedo sacar eso de las DevTools. Y luego en Sublime y presione Comando Shift O, y se abrirá el ir a armar y proyectar ventana. Y solo puedo pegar en ese selecto. Y puedes ver de inmediato es Fama y mi código base. Ahora, lo que es aún mejor de la ley es si presiono y no sólo me lleva al expediente correcto, me
lleva al punto exacto. Ese conjunto de reglas está definido. Y no tengo nada ahora la ley que es lo rápido
que somos nosotros a través de un sitio bastante grande de WordPress. Y es que, es, así que otra vez, se podría ver aquí voy a agarrar otra. Yo quiero esta agua, no conozco un archivo lotes. Y puedo presionar Comando Shift O, ir al símbolo en proyecto, pegarlo en. Y yo estoy ahí. Así que vamos a ir a símbolo en proyecto es una característica fenomenalmente poderosa de Sublime Text y realmente te enfatizamos que debes ir y hacer usos que tantas veces como puedas, porque sí va a encontrar en símbolo y proyecto a través de TypeScript. Encontrará básicamente cualquier archivo de idioma que pueda tener sentido. Se indexa a menos que saltes a esas cosas. Bueno, creo que para este punto, si has luchado con los videos hasta ahora, deberías tener una sólida comprensión de la sublime interfaz de texto. De lo que nos vamos a concentrar en la siguiente sección es de moverse por los archivos ellos mismos. Y la forma más efectiva.
22. Conceptos básicos del movimiento: En este video, vamos a ver algunos movimientos básicos en Sublime Text. Ahora, como editor basado en documentos, puedes hacer todo el tipo de movimientos normales que esperarías. Entonces tengo un bonito gran archivo largo a para mostrarte estos en. Por lo que normalmente puedes hacer cosas como página abajo. Y ahora se puede ver en el minimap sobre a la derecha que te está saltando por una página a la vez. Y obviamente, la copia de seguridad de página es lo contrario. También puedes, si estás en una línea, la línea 39 ahí, y decidí que quiero mandar a eso en medio de
la pantalla un atajo que vale la pena conocer como control sobre l Así que eso puede ser útil si quieres zona en ese área particular. También puedes Zip a la parte superior e inferior de un archivo. Si mantienes presionado el comando y usas las teclas de flecha arriba y abajo como te imaginas. Flecha abajo a la parte inferior o superior te lleva a la parte superior. Se puede, como hemos visto otros videos, mantener pulsado el Shift ahí y esa es una forma rápida y fácil de seleccionar todo de una manera u otra. Otra cosa que me gusta agregar, que no está ahí. Me detuve con la capacidad es con ello stock. ¿ Es me gusta vincularlo un atajo para que pueda moverme hacia abajo entre espacios en blanco. Y lo que quiero decir con eso es que si mantengo presionada mi tecla alt y la flecha abajo, puedo saltar aquí entre estas secciones por cada pedacito de espacios en blanco allí. Ahora, eso se va a usar por no depender de cómo estructures tu código. Bueno, ese es un movimiento bastante bonito. Y eso lo puse con el siguiente enlace clave. Entonces estos son los dos que somos, que nos interesan aquí son estos dos de aquí, solo
estoy destacando los para ti. Entonces si miras esos dos curso Kishore, puedes ver que en realidad son idénticos aparte de una cosa. Uno de ellos es hacia adelante falso, y uno de ellos es hacia adelante verdadero. Y obviamente los atajos diferentes. Pero este es un movimiento que dice, si lo hago, lo siento, si hago un alterno, que quería subir por las paradas que son la línea vacía. Y el delantero es falso. Entonces yo-yo, ese va hacia atrás porque Ford es falso. Y este alt down está haciendo lo mismo, pero eso es reina por los documentos. Por lo que adelante es cierto. Entonces ese es un par de fijaciones que tal vez quieras meter ahí para ti. Aparte de eso, otro movimiento útil es que hay uno que es el control y M, o Control M sí, es que te salta al corsé más cercano. Ahora, puedes ver que si continúo con la prensa, M H tiene volteretas entre las dos llaves que mi cursor está dentro. Si abro eso, lamentable hecho, si voy ambos esos juegos de llaves, se
puede ver que me estoy moviendo entre esos dos aparatos. Ahora si lo combino con un turno, hace algo ligeramente diferente. Entonces mira lo que pasa ahora si sostengo el Turno y hago ese mismo movimiento. Primero selecciona esa sección entre las llaves como esperarías lo que al presionarlo de nuevo, se
puede ver que el alcance realmente empieza a salir y se mueve entre las llaves. Un poco como los otros métodos de selección que hemos mirado. Y se puede ver sobre el minimap ahí a la derecha es decir, ya sabes, tiene bastante seleccionado y yo puedo seguir haciendo eso hasta que salga todo el camino a los aparatos de set que están a la izquierda más lejana. Por lo que hay pocos movimientos básicos. Seguramente son los que encontrarás más
utilizados son el comando open command down. Es decir, los uso solo para obtener una idea del tamaño completo de un archivo. El Control L, actividad Ice-T, no
es algo que uso mucho, pero de nuevo, todo es cosa muy personal. Sólo tienes que saber que eso es algo que puedes hacer. Y ciertamente esos atajos clave que he añadido un uso esos bastante, particularmente en lenguaje algo como CSS donde es un muy, ya sabes, el patrón de código es muy repetitivo y es bueno poder saltar por ahí uno regla a la vez.
23. Borrar en todo momento, seleccionar por la palabra o la línea: En este video, te voy a mostrar algunos movimientos de texto básicos que funcionan a lo largo de todo el sistema operativo. Ahora, los comandos que uso van a ser particulares para Mac OS, pero los mismos movimientos están disponibles en Windows y Linux 2. Aquí tenemos un archivo básico de rebajas, y sólo vamos a practicar algunos de estos movimientos. El primero es agradable y sencillo. Si mantenemos presionado el comando y usamos nuestras flechas derecha e izquierda, puedes ver eso es saltar en mi cursor al principio y al final de la línea. Si fuera a usar opción en lugar de comando, eso me va a saltar palabra fluida a la vez en cualquier dirección. Si en lugar de las teclas de flecha, si uso retroceso y elimino. Entonces antes que nada, vamos a hacer retroceso con opción. Y puedes ver que eso me está llevando de vuelta. Está borrando una palabra a la vez. Y si fuera a hacer opción y eliminar, ya ves eso es borrar hacia adelante ahí. Si arrojas un turno ahí con esos movimientos, obtienes selección. En lugar de simplemente mover el cursor. Obviamente no para las élites, pero si es así, si sostengo Shift y hago Comando a la izquierda o a la derecha, estoy seleccionando desde un punto de zanahoria actual hasta el principio o el final. Y si uso Option y Shift, estoy seleccionando una palabra, es hora en cualquiera de las direcciones. Estas se encuentran entre las técnicas de mayor ahorro de tiempo que puedes aprender a la hora de editar texto. Memorizar solo estas técnicas te va a ahorrar horas a lo largo de los años, sobre todo porque puedes utilizarlas en todo el sistema.
24. Editar los puntos y diff "hunks": Manos abajo una de las características más útiles que encuentro que es sublime es la capacidad de saltar hacia atrás y hacia adelante a través de los puntos de edición que he hecho en el archivo en el que estoy trabajando. Y tangencialmente relacionado, la capacidad de ir hacia atrás y adelante a través las selecciones y archivos que he abierto como he estado trabajando día a día. Eso es algo que veremos en el siguiente video. Pero para este video, nos vamos a concentrar en Edit Points. Supongamos que llevo unas horas trabajando en este archivo y es un, es un archivo bastante grande. Y he estado saltando por ahí haciendo ediciones. Y me gustaría volver a un punto de edición anterior que hice. Debbie necesariamente al igual que Comando Z para deshacer algo sublime te da lo que se llaman muertes incrementales, cual es una indicación de qué cambios han ocurrido. Se puede ver aquí en la canaleta, estas marcas y una marca verde es para algo que se ha agregado. Por lo que se ha agregado toda esta sección. El amarillo es para cambios a la línea. Y si eliminamos una línea aquí, que van a utilizar el atajo Shift Control y k Se
puede ver ahí tenemos esa pequeña indicación roja de que una línea ha sido borrada. De acuerdo, Eso en sí mismo es útil. Pero se puede ver aquí por encima del lado derecho si los contextos hacen
clic allí y sí muestran def hunk, te mostrará el básicamente el bit que se ha eliminado. Entonces voy a volver a hacer clic derecho, tirar de eso hacia atrás. Aún más útil que eso es la capacidad de navegar hacia atrás y hacia adelante por estos puntos. Por lo que con el control y la tecla de parada completa y la tecla de coma, se
puede ir hacia atrás y hacia adelante. Entonces si quiero ir adelante puntos teóricos, puedo presionar Control y Falstaff. Y se puede ver aquí me ha llevado por estos puntos los cuales están marcados en la cuneta. Y si quiero saltar hacia atrás, es control. Y la clave de coma podría ser aún más fácil pensar ellos como el mayor que o
menor que los símbolos que normalmente están en la misma clave también. Tan mayores thans yendo hacia adelante, menos de lo que va hacia atrás. Ahora, en lugar de hacer clic derecho para ver el menú contextual para la tarea
allí, también hay una tecla de acceso directo que te permite exponer eso. Entonces si utilizas el Comando K, comando barra hacia adelante, lo cual haré ahora, puedes ver que alterna en esa casa al violinista, retrocede al anterior. Entonces puedo volver a hacer el mismo atajo, voy a hacer Comando K, barra de tierra. Y se puede ver ahí que me mostró que todas esas cosas se agregaron. Si vuelve a activarlo, si usas la misma combinación de teclas, que es Comando K, comando barra hacia delante, alteras hacia arriba, mostrando eso encendido y apagado. Entonces volvamos a otra. Entonces voy a ir Control y lo menos que símbolo o coma. Y volvamos a uno que ha cambiado. Entonces esto es quizás darle una representación más interesante. Si hago K comando barra hacia delante, se
puede ver ahí que la línea que se eliminó y la línea que se agregó. Y de nuevo Comando K, una barra inclinada hacia adelante lo oculta de nuevo. Entonces voy a encender a una pareja aquí sólo para mostrarles una más allá, aparecerá
porque esto no es algo que uso mucho, pero vale la pena saber que puedes hacerlo. Entonces supongamos que tienes que tocar la bocinas mostrando ahí y solo quieres mostrar uno. El atajo para eso es Comando K y después Comando punto y coma. Entonces Comando K, Comando punto y coma. Y se puede ver la otra fue apagada y me queda con la que actualmente estoy seleccionada. Una última cosita que puedes hacer si quieres
deshacer la diferencia que se hizo con un trozo en particular, puedes hacer Command K y agregar comandos. Entonces en este particular, si quería revertir esa versión en línea uno, voy al Comando K, Comando Z. Y me pone de vuelta a donde estaba antes de hacer esa edición. Al igual que todas las cosas en sublime, ¿se sale de carnet de la cárcel aquí? Si haces Comando y z en el deshacer normal, volverá a poner a ese sordo de nuevo para ti. Por lo que sólo una vez más rápidamente, podemos hacer hacia atrás y hacia adelante a través de Editar Puntos con control menor que, más de lo que puedes exponer o puedes ver los punks ya sea haciendo clic derecho o mi opción preferida es siempre Comando K, comando barra inclinada hacia adelante, activar y desactivar aquellos en los que tienes varios activados. Si sólo quisiera mostrar este en particular,
es Comando K, punto y coma de Comando. Y si quería deshacer eso, cambiar esto en un trozo en particular, es Comando K manda eso. Y de nuevo, supongamos que quería revertir eso. Y en realidad yo estaba contento con la prioridad es sólo mandamientos agregar, lo
pone de nuevo a cómo era antes, y se puede ver que el indicador de canaletas aparece de nuevo. De acuerdo, en el siguiente video, vamos a ver los puntos de salto.
25. Puntos de salto: En el último video, miramos atravesar los puntos de edición que has hecho en un solo archivo. En este video, vamos a ver los puntos de salto. Y los puntos de salto son las posiciones y las selecciones que has hecho a lo largo de todo tu proyecto. Para ser claros, estos no son Puntos de edición, estas ubicaciones, estos son archivos, estas selecciones. Y echemos un vistazo a cómo funciona eso en la práctica. Sólo voy a seguir adelante ahora y hacer un montón de cosas. Abre en Archivos. Haga clic alrededor. Si le pones atención vagamente a dónde voy y luego te mostraré lo que puedes hacer en cuanto a rastrearte a través de esas cosas. Entonces estoy en este archivo Tags aquí, y luego un comentario aquí. Voy a hacer un poco de selección en este expediente. Y no hacen eso. Y cruzará a esta página de índice y ganará para desplazarse aquí hacia abajo hasta la parte inferior, haga clic en el pergamino de vuelta a la parte superior de aquí. A lo mejor resaltar esa línea. Abramos un archivo. Di esa. De acuerdo, supongamos que eso nos lleve una hora de saltar y editar cosas. Con Sublime. Ahora puedes volver a través de esas acciones. Y el código de concha que debes recordar es el control y menos básicamente. Por lo que Control menos te llevará hacia atrás, Control Shift y menos te llevará cuatro palabras. Entonces intentemos eso. Entonces solo estoy presionando continuamente Control o menos. Y aquí se pueden ver los puntos y los archivos, me
está saltando a través de archivos también. Muéstrame los bloques de selección que se hacen. Es casi como una grabación de todo lo que he estado haciendo. Y te permite jugar esto de nuevo. Entonces adelante y adelante vamos. Y entonces supongamos que he, he rastreado hacia atrás de ver qué si necesito ver y quiero
volver a donde estaba antes de un control de turno, un menos, y entonces esto me está llevando para era ahora. Entonces vamos a volver a través de los archivos y eventualmente llegamos a una parada en el punto desde el que empezamos. Esto, aunado a la capacidad de ir hacia atrás por puntos de Eddy es inmensamente poderoso. Así que intenta acostumbrarte a esos azúcares si es posible. Encuentra si has estado trabajando en Sublime todo el día, muy útil para poder retroceder por lugares y selecciones que has hecho, trotar tu memoria de lo que estabas haciendo antes.
26. Salir a la línea: Hemos mirado saltar a números de línea cuando
miramos la parte de comando y abrimos archivos desde la paleta de comandos. Pero también podrías usar el comando jump to line para moverte por una línea en particular en tu archivo y centrado en medio de la pantalla. Entonces supongamos que en este firewall salta a la línea 203 y centrado en medio de la pantalla es Control G. Y luego el número de línea que te interesa. Y ya ves que esa línea no es particularmente interesante, sólo
vamos a matar un corsé en ella está en medio de nuestra pantalla. De acuerdo, eso está fresco en y por sí mismo. Y en realidad deberías simplemente señalar eso también. Cuando haces los 200 tres, si no presionas Enter ahi, si solo presiono Escape para retroceder de
eso, me va a saltar dos horas antes, lo cual puede ser muy útil si solo quieres echar un vistazo a algo en una línea en particular sin entrar realmente en esa línea. Esa es una forma bastante práctica de hacerlo. El otro genial de esto es como hemos visto antes, puedes hacerlo desde otro archivo. Entonces supongamos que estamos en un archivo completamente diferente y aún quiero ir
a echar un vistazo a ese número de línea en particular en ese archivo en particular. Puede abrir la paleta de comandos, escribir el nombre de archivo que busca en el punto y coma y después el número de línea. Y se puede ver ese peaky me directamente en ese archivo de comentarios. Y de nuevo, si estoy satisfecho con los que he visto, puedo presionar escape y me va a saltar de nuevo a donde estaba antes. Si quisiera pasar a ese archivo. Yo crío otra vez, me pego en el colon. Perdón por haber dicho punto y coma antes del colon. Número de tagline, pulsa Enter, y estaré en ese punto.
27. Plato de código: Texto sublime tiene un
plegado de código seriamente bueno para tipos de archivo donde puede discernir dónde deben estar las fallas. Verás triángulos de revelación y la canaleta mientras pasas por encima de las áreas. Por lo que puedes ver aquí en la canaleta, estas son todas flechas para indicar áreas que puedes plegar. Y obviamente, puedes usar tu ratón aquí y usar eso para doblar los diferentes niveles. Por lo que se desplegó en cualquier función ahí y luego se puede doblar esa pared y luego hacer todo lo que llegó ahí. De acuerdo, hasta ahora, tan sencillo, pero también encuentras un montón de situaciones como por ejemplo, un archivo como este donde quieres hacer plegado incremental. Entonces digamos por ejemplo, tienes tu cursor, una zanahoria en esta posición. Puede utilizar el atajo de plegado de código estándar, que es Opción de comando y los corchetes y cualquiera de las direcciones. Entonces este tipo de menos que, siento que pliega lo abierto y lo abierto. El mayor que abre la copia de seguridad. Entonces déjame mostrarte cómo se ve eso en la práctica. Si mantengo la opción Command y el corchete cuadrado izquierdo se pliega, si lo presiono de nuevo para el siguiente área de pliegue hacia arriba y eficacia de nuevo. Y se puede ver que nuestro incrementalmente abriendo esto, este expediente. Curiosamente, una vez que has doblado un archivo hasta arriba así, solo
tienes que presionarlo una vez en la dirección opuesta para desplegarlo completamente. Entonces otra vez, estoy justo en medio de algo. Puedo hacerlo una, dos, tres veces, cuatro veces, y luego todo está plegado. Ahora, los atajos a esto, si estuvieras trabajando en un archivo como este y te interesa doblar el tercer nivel, pliegues que piensan en ello en cuanto a los niveles de sangría. Entonces eso sería uno, eso serán dos, eso serán tres, ese tipo de escenario. Entonces en este caso, si hice un comando K, Comando 3, Se va a doblar todo el tercer nivel. Entonces voy a deshacer eso. Entonces lo haces en una secuencia de plegado de código, así es Comando K y luego el segundo atajo. Entonces, por ejemplo, si quisiera culpar esto, todo
esto hasta el primer nivel, haría el Comando K, comando guerra, y eso lo pliega bien el camino abierto de nuevo, Comando K, Comando J lo abre de nuevo arriba. Si quisiera hacer el tercer nivel, podría hacer Comando K columna tres. Entiendes la idea. Y de nuevo, puedes desplegarlo mucho con pastel actual en j Otra
cosa que creo que vale bien ahora en no he tendido a usarlo mucho, pero cuando sí quieres usarlo, Es súper útil. Hay un atajo para ocultar los atributos. Entonces si estás trabajando con un archivo como este, que es un montón de SVG anidados. Y solo quieres mirar la estructura de ese SVG hace bajo el atajo, que puedes ver que es Comando J,
comando T, y que se pliega o los atributos de etiqueta. Entonces en esta situación, hago Comando K condado. Y se puede ver que simplemente se deshace de sólo pliega todos los atributos y todos estos, que hace que sea realmente útil sólo mirar la estructura de sus documentos. Es decir, este es un documento particularmente denso aquí libro que obviamente hace que sea mucho más fácil en particular estos SVG anidados ver todos los diferentes símbolos y demás. Y de nuevo, Comando K, Comando J en dosis. Ahora no tienes que confiar en estos spots particulares. Puedes optar por caer alguna pieza de código completamente arbitraria. Entonces, por ejemplo, puedo ver que no hay pliegue de código por defecto allí. Pero puedo seleccionar ese bloque de texto y luego hacer nuestro Comando de Opción, corchetes
izquierdos para doblarlo y escribir para volver a doblarlo de nuevo. Eso es bastante útil para, particularmente si estás en un, ya sabes, un archivo grande en esto y solo quieres arbitrariamente, y digamos ese poco. Ya ves que eso acaba de doblarlo para ti fuera del camino. Por lo que necesita bueno para una especie de mover trozos de texto fuera del camino si querías concentrarte en otra cosa. Entonces una vez más, el azúcar para acostumbrarse al comando Opción, corchetes y cualquiera de las direcciones para abrir y cerrar el comando K, Comando J en puertas, lo que sea que hayas hecho. Entonces si has cerrado esa ruta al alza, siempre
puedes hacer Comando K, Comando J. Ahora desplegarla por completo. Se puede hacer Comando K y un nivel. Entonces en ese caso hice Comando K, Comando 2, y otra vez Comando K, Comando J. Y lo hace eso es doblar código en Texto Sublime.
28. Movimiento - marcadores : marcadores: Por lo que este video es sobre marcadores. Ahora, podría ser capaz de obtener qué marcadores, ya sea una forma sencilla de poner nuestro punto de referencia en un archivo en el que estás trabajando que ya
sabes, tal vez quieras volver a, déjame mostrarte qué, lo que realmente se ven me gusta. Entonces supongamos que aquí estoy trabajando en este archivo. Abajo en este punto soy no. Y entonces quiero volver a esta línea, línea 107 ahora, en lugar de tener que recordar la línea 107, puedo meter aquí un marcador. Entonces voy a usar los diferentes atajos para hacer esto solo usa Shift Control y R. Y se puede ver ahí en la canaleta consigo esa pequeña especie de lista blanca. Pon el ratón por ahí para que puedas decir marcapátito blanco ahí. Y eso me muestra que ese marcador está puesto. Ahora, puedo
bajar, hacer nuestro negocio en otro lugar, hacer las ediciones que necesite hacer. Y entonces supongamos y blanco. Ah sí, ¿cuál era esa línea? Y ha vuelto a esa línea que y sabe importante. Entonces puedo presionar el F2 para volver a ese marcador. Oh lo siento, Ve al siguiente marcador o desplazado F2 para ir hacia atrás. Voy a hacer F2. Y ya ves ahí eso me salta directamente copia de seguridad al marcador, ese activo. Ahora si tenemos múltiples marcadores ahí dentro, solo
me pegaré otro, digamos aquí. Entonces ahora tengo esos dos marcadores. Se puede ver, perdón, se podría hacer F2 y sólo va a ir entre esos dos. Va a cambiar por ahí. Y obviamente cuanto más tengas, simplemente pasaría secuencialmente a través de ellos. Es que va una dirección, que va la otra. Tan sólo para demostrar el punto en el set y otro más allá aquí abajo. De acuerdo, entonces ahora si hago F2, sólo
va a pasar por ellos. Pero supongamos que vengo aquí y sólo quiero volver a la anterior. Puedo hacer Shift F2 y simplemente subir una fila en lugar de venir todo el camino hacia abajo. Entonces mi 81 allá y 107, quiero volver a un siete y sólo mantener pulsado el Turno y eso me lleva hacia atrás por los marcadores. Si estableces unas pequeñas marcas de bits, puedes borrarlas todas con Shift Command y F2. Entonces voy a hacer eso ahora. Y eso es todo mis marcadores despejados. lo único que especie de tener en cuenta sobre lo que es Marx, trabajan en un archivo por archivo. Entonces, si tienes un marcador en un archivo y has establecido otro marcador y otro de un archivo, no
puedes presionar el marcador, cita
corta, y geom entre los archivos. Está en un archivo por archivo, relacionado
tangencialmente con marcadores o marcadores. Y los vamos a ver en el siguiente video.
29. Movimiento - marcadores: En este video, vamos a ver los marcadores que son
una especie de rasgo de nicho de texto sublime en él. Es algo que es poco probable que lo alcances todos los días, pero es muy útil en ciertas situaciones. Déjame mostrarte cómo funcionan. Por lo que tenemos un archivo JavaScript abierto aquí. Y supongamos que muevo el cursor para decir aquí. Y quiero, bueno, solo te
mostraré, en este caso, lo que normalmente harías es usar superclase. Superclass, y esa es una de esas cosas y sublime, Eso es lo que llamaríamos cordón, donde todo un poco como una clave líder. Y si usas algo como ellos, como resulta, no uso Super K y super espacio para esto. Esta es una de las raras ocasiones que se remapean a una clave diferente. Es porque uso Command y espacios algo de todo el sistema, que es el estrangulador de Alfred, o en mi caso, tengo un amplificadores híbridos cetro, así que eso me pega un Markdown. Y se puede ver ahí en la cuneta de la línea 74, tengo un disco blanco ahí para denotar eso como marcador ahí. Ahora, podría ir, decir voy a ese punto o tal vez un selecto ahí mismo más allá del colon. Por lo que será difícil hacer esa caja de selección, ese corchete cuadrado de una sola vez. Pero eso es lo que Marx, o útil para u otros marcadores. Entonces cuando estás en una situación, ahora
puedo seleccionar de nuevo a ese punto haciendo Super K y separar. Entonces hagámoslo ahora. Por lo que maleta separada. Y se puede ver ahí he seleccionado de vuelta a ese punto. También podrías, si decidiste, y podrías, en lugar de tener que seleccionar y luego eliminar, puedes simplemente eliminar directamente. Entonces el Shoko para eso serían super casos pero w, Así que vamos a ver ahora, ahora instantáneamente borrará de nuevo a esa marca. Tan muy útil para selecciones complicadas. Selecciones que están fuera de la luz normal. Todo dentro de un soporte es todo dentro de un párrafo, ese tipo de cosas. A esto hay un límite. No es como VMware. Se pueden establecer múltiples marcadores como él no puede hacer soy un mb MC. Si estás acostumbrado a filmar donde puedes configurar múltiples marcadores, solo
funciona uno por uno. Entonces si los pones OK y luego vienes a otra parte e intentas volver a poner uno. Entonces si intento ponerme ahí, notarás que el punto Mach se mueve. No puedo tener esos dos a la vez. Siempre es uno a la vez porque cuando pones uno, el otro desaparece. Tiendo a no molestarme en quitar las marcas del archivo, pero si quieres, puedes hacerlo con super, super G. Así que haz eso ahí y puedes ver que la marca ha desaparecido. Dos, como digo, no es el tipo de característica que
eres, es probable que utilices día tras día, pero es una pieza muy útil de funcionalidad y ciertas situaciones.
30. Selección: fundamentos: En este primer video sobre selección, cuando miro los fundamentos de la selección, y luego vamos a pasar de ahí en futuros videos. Para correr a través de un montón de selecciones y en realidad puedes
encontrarlas tú mismo desde el menú de selección en la parte superior del menú de interfaz sublime. Y aquí se pueden ver los atajos al costado de los que vamos a usar. Ambos deberían ser ilustrativos para mostrarte estos uno a la vez desde el menú y luego ejecutar el Shuo atrapado. Entonces quizá lo primero que vas a querer hacer es seleccionar todo. Por lo que seleccionar todo en un archivo de página en particular, si lo prefieres, es un caso de comando en una y eso te pone todo. Agradable y sencillo. Sólo volvamos a donde estábamos allí. Lo siguiente a mostrarte es seleccionar la línea. Ahora esto no está alineado como en una línea de texto como en una frase. Esta es una línea de editor, así que puedes ver ahí estoy en la línea 88. Si quiero seleccionar la línea 8080, se comanda L, y eso me pone la Línea 88. Y solo para mostrarte explícitamente lo que quiero decir aquí, aquí puedes ver 46, esta es una línea entera se está envolviendo porque un espacio en blanco, porque tengo espacio en blanco establecido para envolver. ¿ Y si hago un comando y L ahí también? Ves que seleccionó toda esa línea. El siguiente, muy simple super calmado, es que quieres simplemente verlo a Word y eso es Command y D. Y ahí se puede ver que como he seleccionado Comando D y he seleccionado esa palabra en particular. Se puede ver este tipo de cajas fantasma alrededor de otras palabras que son la misma palabra, en otras instancias de esa misma palabra. Y si presionas continuamente Comando y D, puedes ver que
lo, pasa y selecciona todas las instancias de esa palabra. Ahora, lo hemos cubierto en otro video, pero también debes saber que cuando tú, cuando has ordenado palabra así, puedes hacer Command Control G. Y de una vez puedes seleccionar todas las instancias de esa palabra. Ahora el siguiente que veremos es seleccionar el párrafo, que se puede ver aquí, la selección amplía las selecciones párrafo. Ahora, a primera vista, podrías pensar que esto es lo mismo seleccionar la línea cuando se trata de prosa porque esta es una línea. Entonces si hago Ampliar selección a párrafo, obtengo lo mismo porque si hago la línea ahí la cual se comandaba ahora, entonces es la misma hasta que consideres algo como esto, donde estos dos son ahora esencialmente un párrafo, pesar de que tienes múltiples líneas. Y en ese caso, la Ampliar selección a párrafo funciona de manera diferente. Entonces está consiguiendo ahí todo el párrafo porque esto no se alinea entre estos dos. Entonces solo para probar un punto, si hago un Comando L, solo
consigo la línea única. Y si hago el shellcode que tengo para el párrafo, lo consigo todo. Entonces el siguiente que veremos ahora es ampliar la selección a corchetes, lo cual como se podría imaginar
es, es más útil cuando estás codificando. Pero éste, puede hacer su selección,
Ampliar selección a corchetes. Y eso te va a meter todo dentro de esos soportes. Y eso funcionará a través de múltiples líneas como esta. Al igual que por ejemplo, si tenemos algo aquí abajo, ojalá puedas adivinar qué va a hacer eso. Te va a conseguir todo dentro de ese conjunto, el alcance de ese conjunto de llaves. Entonces obviamente si yo estaba dentro de esta app, sólo me va a conseguir esos. Bueno, en cuanto me mude afuera, va a salir hacia afuera en cualquier dirección y se detendrá cuando golpee algunos corchetes ahí. Ampliar selección a sangría es una de esas que pueden ser muy útiles dependiendo del tipo de cosas que estés haciendo. Pero en esta instancia, si quiero conseguir todo lo que es especie de anidado dentro de esta pequeña función aquí. Por ejemplo, Ampliar selección a sangría me va a llevar todo lo que hay. De nuevo, si estoy aquí, es bastante útil si quiero meter todo aquí dentro. Selección, Ampliar selección a sangría, y me pone todo ahí dentro. Entonces está mirando el nivel de sangría de estas cosas. Entonces otra vez, dependiendo de cómo esté dispuesto tu código, vuelta obeso para que uno lo use, seré honesto, no es un intento de usar mucho. Lo que más tiendo a usar es la acción expansiva con un soft don 't do, que es lo que vamos a ver en el siguiente video.
31. Selección: ampliación al alcance: Cuando estás trabajando con textos y sublime, a menudo
serán situaciones en las que tu anidado dentro de
una especie de estructura de documentos y quieres ampliar tu selección hacia afuera. Entonces déjame mostrarte el tipo de cosas que, quiero decir, te mostraré cómo podemos lograr y sublimes. Por lo que puede estar aquí dentro de este párrafo, por ejemplo. Y quieres aislar a los ganadores del párrafo y cualquier cosa en realidad y comer los elementos externos dos, y entonces tal vez necesito el envoltorio, deja ese elemento y sigue y sigue. Y se puede ver en el, el mini-mapa sobre la derecha cómo eso es algo así como un poco más y más del archivo. Entonces esa es una ilustración en HTML. Déjame mostrarte el mismo tipo de cosas en algo como JavaScript. Por lo que podría estar aquí y quiero ampliar la selección cada vez más hasta que se seleccione más y más de ese archivo. Sublime en realidad tiene un par de formas casi competitivas de ampliar la selección. Uno de ellos se llama Expandir selección al ámbito, y el otro se llama simplemente Expandir selección. Y se puede ver arriba en el menú aquí que estos son los dos diferentes. Entonces ahí está Ampliar selección, que ves el valor predeterminado es Shift Command a. Y entonces también tienes Expandir selección al ámbito, que es Shift Command y espacio. Ahora de los dos, me parece Ampliar selección para ser mucho más predecible. Típicamente, eso se apaga y expande las cosas que espero expandir. Expandir la selección a los ámbitos se supone que funciona expandiendo en función de la sintaxis, los ámbitos de la sintaxis del archivo de idioma en el que estás trabajando. Entonces lo haré, te mostraré la diferencia entre los dos. Y así esto está usando el estándar Ampliar selección. ¿ De acuerdo? Y luego si vamos al mismo tipo de cosas, pero voy a usar este tiempo, Ampliar selección a alcance. Y se puede ver que ya se ha ido un poco diferente ahí. Y, pero para mí, este rara vez es el tipo de selección que quiero hacer como en este momento, típicamente queriendo seleccionar todo dentro de eso. Y de nuevo, ¿por qué seleccionaría esta parte superior del archivo? Y no necesariamente el fondo? Probablemente tiene algún sentido, pero ves que se detuvo en ese punto. Por lo que no estoy seguro si Ampliar selección a alcance se adapte a ciertos idiomas mejor que otros. Pero para mí, casi siempre tiendo a sólo favorecer este estándar Ampliar selección, que es Shift Command a en un, en un Mac. Y eso típicamente me consigue el tipo de selección que esperaría obtener. Sublime también tiene este concepto de un deshacer suave. A diferencia de un deshacer típico donde se realiza una edición a un archivo. Y luego haces Command Z o Control Z en una máquina Windows para deshacer el cambio que acabas de hacer. Un sublime suave y fluido te permite trabajar con selecciones y cosas de esa naturaleza también, elementos de menú. Por lo que en videos anteriores, hemos mirado tanto los puntos Edit Points los puntos
geom y cómo puedes moverte por los de Sublime. Bueno deshace suaves o un poco como puntos geom a través de proyectos enteros pernos, deshace
suaves, solo trabaja en el archivo en el que estás trabajando. Entonces en este tipo de ejemplo, Digamos que estaba aquí y estaba empezando a ampliar mi selección. Y yo voy, Eso es demasiado lejos. Yo quiero volver un poco de luz. Bueno, entonces puedes ir a un comando y tú, y eso te hará retroceder esas selecciones. Entonces es suave, suave deshacer si las selecciones que hiciste. Y eso es realmente útil porque muchas veces no se puede estar haciendo este tipo de cosas a toda prisa. Y sabré que me he ido a formar ahí. Y en lugar de tener que parar, haga clic de nuevo en él y vuelva a empezar desde el principio. Sólo tienes que saber que puedes hacer Comando un nuevo y retroceder a un estado de selección anterior.
32. Selección: múltiples cursores: Entonces en este video, vamos a ver el uso de múltiples cursores. Ahora, se pueden colocar múltiples cursores en cualquier lugar. Con Sublime, solo tienes que mantener presionada la
tecla de opción y hacer clic en cualquier lugar donde quieras que esté tu moco. Entonces supongamos que aquí hubo un montón de, manojo de estas líneas que queremos poner un comentario al lado o arriba. Entonces voy a mantener presionado mi comando y sólo vamos a dar clic aleatoriamente en algunos de estos. Y luego vamos a usar lo que aprendimos en el video anterior. Vamos a hacerlo, sean cuales sean los videos anteriores, vamos a poner una nueva línea por encima de cada uno de esos. Entonces vamos a hacer Cambio de Comando y Entrar. Eso pone nuestra nueva línea por encima. Y entonces podemos hacer nuestro lo que sea que queramos hacer un así podríamos decir corrige tema número 74 o he tenido que dejar suponer que eso era lo que queríamos hacer ahí. Genial, Así que eso es bastante útil en y por sí mismo. Pero a continuación, miren qué más podemos hacer, que es lo que yo llamo una selección de vinos harapos. Entonces hagamos lo que acabamos de hacer ahí por un segundo. Y supongamos que queríamos hacer que un montón de estos tengan un importante al final. Puede hacer clic y arrastrar el ratón hacia abajo manteniendo presionado el comando. Y conseguirás un cursor ahí al final de cada línea. Y entonces podrías obviamente, agregarías lo que sea que quisieras hacer ahí. Si pudiera deletrear importante. Bastante cool. De acuerdo, ahora podría haber instancias en las que eso sea muy fácil de hacer con el ratón. Y creo que la mayoría de las veces, nueve de cada 10, probablemente así es como lo hago. No obstante, podrías hacerlo con la misma facilidad usando solo tu teclado. Entonces supongamos que quería agregar un nuevo cursor allí. Puedo mantener pulsado Mayús y Control, y luego mover mi cursor hacia abajo. Y eso pone un somero ya sea arriba o abajo, obviamente abrir flecha arriba o abajo. Cuando estamos en esta posición, hay que pensar en cómo queremos llegar al final. Bueno, ya sabemos pasar al principio y al final de las líneas. Y esto funcionará a través de cada una de esas líneas. Entonces para llegar al final de una línea, haríamos comando y luego la tecla de flecha de la dirección a la que queremos llegar. Y eso funcionará a través de cada uno de esos cursor individual. Entonces si me muevo a la derecha y eso me pone en justo la misma posición que si he hecho esa conferencia de texto desordenada donde mi ratón. Y entonces creo que seguir adelante y hacer la misma edición que quiero hacer en esas líneas de ahí. Tan pronto como hayas hecho con múltiples cursores, has terminado de editar con la mañana, estás de vuelta a un solo cursor. Es tan simple como presionar tu tecla Escape. Y solo para reiterar esos múltiples cursores, los movimientos que estarías acostumbrado para usarlo en una línea con a través de todos ellos. Entonces si quieres mover una palabra a la vez, estoy usando su opción y la tecla de flecha, puedes desplazarte de esa misma manera. Ya ves ahí vamos, poco más squishier y lo que puedes fácilmente entonces sólo tienes que ir al final, izquierda y derecha para llevarlo hasta el final. O hay una técnica que te resultará muy útil si estás manipulando muchos datos, archivos
JSON, cosas de esa naturaleza, poder volar permitido de cursores, hacer un montón de ediciones similares y Mongo es supremamente útil.
33. Selección: todas las oces y saltos: Entonces en este ejemplo, vamos a ver cómo
seleccionar toda la ocurrencia de una palabra en particular, cómo omitir una ocurrencia a través de un archivo. Ahora este es un archivo muy sencillo. Por lo que obviamente, se puede imaginar que esto funciona en otros mucho más grandes, más complicados también. Entonces supongamos como palabra, tal vez un nombre de carácter que quieras cambiar si es prosa o un nombre de función, si es código, y quieres cambiarlo a través de la ciudad a lo largo de todo el documento. Bueno, podrías, por supuesto, usar Buscar y Reemplazar que hemos mirado antes. Y también puedes seleccionar la palabra en cuestión y luego usar Control Command y G. Así que si hago uno, por ejemplo ahí, y sí intento y control y j, puedes ver ahí que eso sí consigue lo que quiero, pero también se obtiene un montón de otras cosas que tal vez no quieren también. lo que en esta instancia, necesito ser un poco más selectivo sobre los que selecciono. Entonces, empecemos con el primero otra vez. Y si hago Comando y D para seleccionar la siguiente palabra, la primera vengo a la suya que no quiero seleccionar. Bueno, podemos saltarnos esa. Por lo que puedes hacer Comando y K Comando y D por defecto. Y se puede ver que se saltó esa y se saltó a la siguiente. Entonces supongamos que voy y elijo el siguiente. Y de nuevo, no quiero eso, así que es Comando K, Comando D, y luego adelante. Y entonces haremos lo mismo. Nos saltaremos por encima de esa. Nos saltaremos esa y tal vez me pondré en bit trigger-happy y saltaré esa también, lo que me presenta un poco de pepinillo porque tengo que volver ahora. Bueno, por suerte, si recuerdas de otros videos anteriores y sublime tiene esta noción de un suave no hacer. Por lo que podemos usar comandante sabía y eso me va a poner de nuevo en la posición anterior. Entonces ahora puedo hacer una vez más un Comando K, Comando D, saltar por encima de ese y seleccionar el siguiente. O puedo ir derecho por el camino de regreso y luego simplemente hacer la columna D o deshacer. Entiendes la idea. Y supongamos que todos estaban en mayúscula en lugar de mentir que
si lo hago, si selecciono esa y hago Comando, Control y G, es seleccionar todos ellos incluyendo las mayúsculas y las minúsculas. Bueno, esto en realidad respeta los ajustes que tienes en encontrar aquí abajo. Entonces si hago que esto sea sensible a mayúsculas
y minúsculas, y entonces podría apagar eso. Y si hago ese comando ahora, se
puede ver que sólo estoy consiguiendo los que han estado capitalizando de la misma manera. Entonces de nuevo, vale la pena saber si estás trabajando en un archivo muy grande, saber que puedes hacer eso y escoger los que solo están capitalizados en la forma en que los quieres.
34. Manipulación: insertar líneas y pegamento de copia: En el conjunto anterior de videos, hemos estado mirando cómo seleccionar bien las cosas, en este siguiente conjunto de videos, vamos a estar viendo cómo manipular las cosas, que podrían ser las cosas que has aprendido, cómo seleccionar o simplemente bits aleatorios de texto en la pantalla. De acuerdo, vamos a empezar muy fácil. Pero a pesar de esto, lo que estoy a punto de mostrarles, el primer tipo de atajos son el tipo de cosas que vas a estar haciendo muchas, muchas veces al día. Por lo que vale un billón de estos terminan para asegurarte que no estás siendo ineficiente con los movimientos básicos. Entonces lo primero que vas a hacer
mucho día a día es que podrías estar en una línea como esta. Este es un archivo CSS. Y supongamos que quieres poner una línea, una línea en blanco arriba de ahí para poner algo arriba ahí. Ahora, lo que no quieres estar haciendo es saltar de nuevo al principio de esa línea. Seguimos moviendo todo tu cursor. Presionando y moviendo el cursor hacia arriba y luego guardarlo en tiempo. Eso es para SOC es lo que quieres estar haciendo hay si mantienes presionado comando y presionas enter, obtienes una línea abajo. Si mantienes pulsado Shift Command and Enter, obtienes una tubería directamente encima de ella. Y de nuevo, no necesitas ser de ninguna manera puedes estar en cualquier parte de esta línea y esos todavía funcionan. Por lo que Shift Command and Enter te lleva a la línea arriba, y solo comando arrendatario te consigue una línea en blanco a continuación. Otra cosa que tengo que encontrar, y esas son estas personas haciendo es cuando quieren copiar. Supongamos que estamos en esta línea 100 y 12 años, y queremos copiar esta línea. Bueno, no es necesario hacer es resaltar esa línea así y luego hacer Comando C o Control. Y C si estás en un SO diferente en Sublime, si eres maldiciones en cualquier parte de esta línea, si haces comando y ves ahí que realmente tiene copia eso. Entonces si ahora hago Comando y V, Puedes verlo, pegarlo directamente debajo. Y sólo para que lo sepas, eso definitivamente está funcionando, bajaré a la línea de abajo aquí. Comando C o copiar Comando y V lo pegarán. Entonces de nuevo, no necesitas estar seleccionando eso primero a la hora de seleccionar una línea. Oh lo siento, cuando se trata de copiarlo y pegarlo una línea, solo
puedes presionar Comando C y ver, lo siento, Comando C, Comando V o Control C, Control V. Y eso hará eso sin necesidad de seleccionar nada primero.
35. Manipulación: Indent la cadena para terminar y principio: De acuerdo, En esta sección vamos a ver cómo sangrar caja de código o líneas, cómo eliminar líneas enteras de una sola vez y cómo eliminar líneas desde donde estás hasta el final o hasta el principio. Entonces lo primero que hay que mostrarte es si uso comando, así que tengo mi cursor aquí en esta columna. Y supongamos que quiero sangrar ligeramente esa línea. Bueno, puedo mantener pulsado el mando y usar el corsé rizado a la derecha. Y puedo mover ese inventario tantos como quiera de esa manera. Y el calibra el otro lado, la kilobasa opuesta la trae de vuelta al revés. De acuerdo, puedes hacer esto con tantas líneas como necesites. Entonces si selecciono esos dos, entonces
puedo sangrarlos en un bloque así. Y he visto que funciona para todo. Por mucho que quieras sangrar de una vez, puedes hacerlo ahí. Ahora otra tarea súper común que estarás haciendo si estás trabajando con el código en absoluto, serán sólo líneas que solo quieres rectas eliminar, lugar de tener que seleccionar esa línea primero. Si usas el atajo Control de desplazamiento k, eso solo se deshace de él de una sola vez. No es necesario seleccionar la línea que has maldecido puede estar en cualquier parte de esa línea. Control desplazado líneas K van. De acuerdo, y luego otro sencillo. Supongamos que he decidido que necesito, en este archivo de plantilla, quiero consultar un sitio diferente TO bit. Esta sección aquí, por ejemplo, no
sirve de nada. Ahora, obviamente puedo seleccionarlo así y eliminarlo de esa manera. Si yo estaba ahí, el atajo que puedes hacer es si usas Comando, déjame conseguir este comando redondo camino correcto y eliminar que borra hasta el final. Y si lo fue, si fue la parte inicial de esta línea la que quería eliminar, puedo hacer Command y backspace y eso eliminará de nuevo al inicio de esa línea. Entonces otra vez, algunos simples, pero estos son atajos que puedes usar todo el tiempo, por lo que vale la pena pasar un poco de tiempo asegurándote de que esos estén clavados Lo a tu mente.
36. Manipulación: bubbling y transformación de la línea: De acuerdo, en este video, sólo hay un atajo, pero es uno tan bueno. Bueno, en realidad son cotizaciones demasiado cortas, está abierto. Pero este es sobre burbujeo de línea, que es uno de mis favoritos. Todavía me hace sonreír cada vez que lo uso. No lo sé. Yo soy como un niño pequeño con él. Pero esta es la funcionalidad donde puedes seleccionar texto así y luego poner el atajo, solo
puedes desplazar ese texto maderero alrededor. Ahora bien, esto se conoce por diferentes nombres. Sublime llama oficialmente a las líneas de canje. También lo he escuchado llamado burbuja de texto en línea Brooklyn. Pero el atajo que debes saber es si, si te faltan muchos de los atajos sublimes, si no tienes nada seleccionado por defecto, va a operar solo en la línea que tu cursor está a la venta. Si mantuviera pulsado el comando Control y luego use mis teclas de flecha, eso va a mover sólo esa línea. Pero luego puedo seleccionar cualquier cantidad de texto que quiera. Mantener pulsado Comando, Control y las flechas abiertas hacia abajo y mover todo
el bloque alrededor para que esté burbujeando línea. Bueno vale la pena tu tiempo familiarizándote con eso. Lo usarás todo el tiempo cuando codifices. De acuerdo, así que sólo miramos la burbuja de línea ahí dentro para mover cosas arriba y abajo. Otro truco realmente genial que consiguieron los sublimes es esta cosa llamada transponer. Entonces supongamos de una manera. Si quisiera mover esta cuadra aquí, como acabamos de ver, y quería traerla aquí abajo abajo de esta sección aquí. Esa es una forma que podría hacerlo con burbujeo de línea. Hay otra forma bastante guay de manejar eso también. Y eso es lo que estamos usando para sitio debería decir. Entonces supongamos que ya tengo ese bit seleccionado y quiero cambiarlo con esta sección aquí. Bueno, puedo mantener pulsado el comando y hacer esa selección a, así que tengo dos selecciones separadas ahí. Si quiero intercambiar esos alrededor, Hay un pequeño atajo fresco. Ella sólo es control y T. Y así, los dos grumos de texto han sido conmutados en general transpuestos. Entonces de nuevo, haces las dos selecciones y pueden ser de cualquier tamaño que quieras. No necesitan ser de igual tamaño. Puede manejar cualquier tamaño que sean las dos selecciones, control y t. Y va a intercambiarlas.
37. Manipulación - comentarios: Entonces echemos un vistazo al código comentando chocolates en texto sublime. El cálido por defecto, obviamente los propios comentarios dentro de todo diferente, dependiendo del lenguaje que utilice es un archivo JavaScript aquí. Pero obviamente lo hará, si estás usando un LWR y lo usas, pondrá el estilo de comentario apropiado y para Lewis, etcétera, etcétera. Entonces en este caso, un archivo JavaScript. Supongamos que quiero comentar esta línea fuera. Hay un simple comando de acceso directo y una barras inclinadas hacia adelante. Y eso me consigue el tipo de comentario basado en línea que funciona a través de selección múltiple. Entonces si selecciono esas dos líneas y uso ese mismo atajo, las
hará ambas de la misma manera. También podría añadirlos ambos seleccionados. Hay un comentario de bloque en la mayoría de los idiomas en lugar de una sola línea 1. Y el atajo para eso por defecto es Comando, Opción y la barras inclinadas hacia adelante. Y eso te hace ese tipo de estilo de bloque comentando. Ahora eso funciona cuando tienes cosas seleccionadas, pero no lo hace es si estás en parte a lo largo este archivo y yo hice ese mismo atajo Comando, Alt y slash hacia adelante. Ya lo ves me pone un comentario de bloque ahí dentro que no me sirve en absoluto. El comentario de línea, sin embargo, se
puede hacer eso en cualquier parte de esta línea. Si haces ese comando de atajo hacia delante, comentará esa línea en particular. Una cosa más que de nuevo depende del lenguaje, pero en JavaScript, si empiezo en Sublime con la slash hacia adelante y empiezo un comentario de bloque así. A medida que regreso, me da una bonita forma de escuchar conjunto de bloques así. Y luego golpeo Return, hago mi última tajada hacia adelante ahí. Y entonces tengo un pequeño documento muy bien formateado ahí, que es útil si documentas en tus funciones y similares.
38. Manipulación: pegar con indent y envolver: Entonces en este video, vamos a ver un par de características de manipulación. Primero uno siendo pegado sangría, y el segundo es cómo envolver selecciones de texto en una etiqueta lo cual es útil si hiciste HTML. Si miras aquí, estamos viendo un archivo CSS y he puesto estas tres líneas aquí. Entonces el flush se fue, ya sabes, eso no terminó con la sangría que esperarías con CSS. Y se puede ver lo mismo pasando ahí. Esta regla aquí. Y por defecto, si solo copio y pego aquí, si copio esas líneas y las pego adentro, se sientan al ras a la izquierda, no sangran. Ahora lo que puedes hacer en su lugar es que puedes hacer esa misma selección. Por lo que copias es normal. Llega al lugar donde quieras pegarlo. Y en lugar de la vista, tu Comando normal y V, haces Comando Turno y V. Y esto es lo que pasa. Se pegará automáticamente
y el tipo correcto de sangría que esperarías para ese lenguaje. Tan bonito y sencillo ahí. Sólo realmente útil si no estás usando una herramienta de formateo automática como bonita o algo similar a eso en el idioma en el que trabajas. Pero todavía puede ser útil sin embargo. El siguiente tipo de consejo que quiero mostrarles sobre esa manipulación de herramientas. Si tu IQ es, puedes envolver piezas de texto dentro de un HTML, etiquetarlo y una especie de Swift movido si quieres. Entonces voy a usar, y vengo aquí abajo y tengo este trozo de texto ocupado aquí que quiero envolver, digamos una, una etiqueta p. Pero voy a hacer Control Shift y W. Por defecto se va a meter una, una etiqueta P ahí dentro. Ahora notarás que esa primera etiqueta p está resaltada por defecto. Lo que es particularmente agradable de eso es que
digamos que quería que esto fuera un elemento de artículo. Automáticamente alterará ambos extremos de esa etiqueta para mí sin que tenga que hacerlo por separado. No es un gran ahorro de tiempo, pero si estás escribiendo mucho HTML, no
puedo contar el número de veces a punto de hacer algo como esto donde estoy anidando textos de
alguien y luego me doy cuenta de que también necesito envolver eso en una etiqueta de algún tipo. Y de nuevo, solo te acostumbras a este cambio de control y w tipo en la etiqueta que necesitas ver y sublimar, ponlo en por ti.
39. Manipulación: verificación de la Spell del: En este video, vamos a ver la revisión ortográfica. Ahora antes de entrar en vale la pena decir que por defecto, creo que sublime probablemente viene con solo un diccionario estadounidense. Y lo harás, dependiendo de dónde vivas geográficamente o el idioma que hables y uses, bien puede que quieras cambiar eso por algo más
adecuado para lo que sí, nosotros lo escribimos y lo hablamos. Entonces para mí, por ejemplo, necesito cambiarlo a Gran Bretaña, diccionario del Reino Unido. Texto sublime tiene una página todo sobre cómo ordenar de facilitar eso. Aquí, lo importante que debes comprobar es que en tus preferencias tienes habilitado el corrector ortográfico. Entonces solo te mostraré cómo se ve el mío ahí. Para que veas que hay 50 en vivo y tengo revisión ortográfica establecida en verdad. Necesitas asegurarte de que eso esté ahí. Y luego mira esta siguiente línea aquí tengo el conjunto de diccionario, que está configurado para ser Paquetes, bola de
idioma o bloque. Y entonces lo que es importante para mí es que es inglés, Gran diccionario británico. Ahora puedes elegir, te dice aquí que establezcas un diccionario diferente por ruta lo en lenguaje de paquetes, etcétera. Y así desde Sublime, podrías ir aquí a ver al diccionario. Y puedes alternarlo allí una vez que hayas instalado el diccionario que te sea relevante. Entonces puedes ver ahí que si necesitas algo, un diccionario menos común, puedes ir a este sitio web aquí, que es de longitud y simplemente encontrar el que es el idioma que quieres ver. Mételo en la ubicación correcta, eso arriba y luego estás lejos. Entonces eso es configurar diccionarios en Sublime. Muy bien, vamos a entrar en cómo realmente lo usamos. Entonces metafile aquí, sublime piensa que hay algunos, algunos errores ortográficos aquí. Aquí se puede ver que porque estoy usando un diccionario de Reino Unido, aquí tiene esta ortografía de color estadounidense, que no le gusta. Y tengo este poco rojo garabateado en la línea como estás acostumbrado a ver en otros programas. Para omitir tu ortografía, errores y sugerencias. Utilizas Control F sexo. Entonces eso se ve así. puedas ver ahí que estoy saltando entre cada pequeño garabateado en la línea. Ahora, se puede ir hacia atrás a través de esas sugerencias también. Si has ido demasiado lejos, mantén presionada la tecla Mayús. Se puede mover hacia atrás a través de esas sugerencias. Entonces supongamos que ahora he aterrizado en este aquí en la línea 25, y quiero ver cuáles son las sugerencias que realmente tienes para mí. Sublime. Sí, ¿qué es lo que tienes para mí? ¿Qué pasa aquí? Necesitas usar, bueno, hay dos cosas. Podrías usar el mouse derecho derecho y usar el tipo habitual de cosa del sistema de lo que piensa que podría ser. Si estás, ya sabes, quieres mantener los dedos en el teclado. Tendrás un atajo específico del menú contextual del sistema operativo, que para mí es viejo y F2. Y luego puedo usar mis teclas de flecha para elegir la que me parezca correcta. Después. Sé honesto, la mayoría de las veces, a
pesar de que me gusta tratar de mantener mis, mis manos en el teclado cuando se trata de errores de ortografía o encontrar sujetar todos esos atajos en mi cabeza más difícil que simplemente el genoma usando la derecha, haga clic derecho con el ratón o toque dos veces en su trackpad donde sea que lo use y simplemente lo cambie así. Pero los atajos de la si los necesitas controlan I F6 pasa por ellos, control de
turno y F6 EL al revés. Y luego necesitas el atajo específico del sistema operativo para
tu menú contextual en un Mac que está todo en F2 y obviamente ser diferente para Linux y Windows. Y obviamente dependiendo de tu sistema operativo, es probable que tengas Ashoka, menos tenías esa ortografía en particular al diccionario. Si es algo que continuamente una vez sintió esa manera y sublimar pensó que estaba mal.
40. Manipulación: duplica y participación: Entonces en este video, te voy a mostrar tres cosas diferentes. El primero es líneas duplicadas luego tienen que unir líneas. Y por último, veremos cómo cambiar el caso del texto que seleccionamos. Obviamente, todo el mundo lo sabe. Todo el mundo lo sabe. Se puede copiar alinear. Podrías copiarlo y bajar a la siguiente línea y pegarlo así. Pero obviamente eso se está comportando como una especie de animal primitivo. En cambio, sublimado te da este precioso atajo, que es sólo Shift Command D. Ahí tienes. Se pueden duplicar líneas tan fácilmente como eso. Y se puede ver ahí, incluso puedo hacerlo en múltiples líneas de una sola vez. Lo siguiente que queremos ver es unir líneas. Entonces supongamos que aquí tenemos estas tres líneas, y las quiero todas en una línea o otra vez, hay un bonito atajo fácil para ese Command Shift J. Se ponen en línea. Y obviamente eso operará en tantas líneas como necesites hacer aunque. Si no has seleccionado nada y haces Command Shift J, solo
va a tirar hacia arriba el de debajo para que
veas que solo está tirando hacia arriba la línea de abajo y uniéndola a la que ya estoy. De acuerdo, Entonces eso está unido y duplicado. Lo último que quiero mostrarles en este, gays tienen que cambiar el caso de algo. Ahora cambiar de caso en sublime es una de esas situaciones en las que usas esos acordes donde usas una secuencia de teclas. Entonces en este caso, es el Comando K, te
ordena que obtengas todo mayúscula y el Comando K, Comando L para dar minúsculas. Entonces obviamente es un poco de neumonía pasando ahí. Entonces veamos eso. Entonces Comando K, Comando U es mayúscula, K y L es minúscula. No Sentencia atajo de caso que esté al tanto. Um, así que sí, podríamos hacer mucho como esto. Entonces otra vez, Comando K, ordena que te vayas, bien, bien campana, tira hacia atrás. Como cualquier otra cosa. Si eso es algo que encuentras es después de cuando carajo mucho, siempre
puedes asignarlos a un atajo más fácil. Pero yo en realidad, por cuántas veces necesitaba ese comando K, Comando L, y Comando U es un mnemónico lo suficientemente decente que tienden a recordar eso de todos modos.
41. Manipulación - Arithmetic: No te preocupes, no abriste accidentalmente el video equivocado en un curso de matemáticas. En este zapato por aquí, vamos a ver las características aritméticas de Sublime Text. A pesar de que se le llama aritmética. En realidad hay cosas que puedes hacer con esto que yo no tengo nada que ver con los números. Bueno, nada que ver con los números que has escrito. De todos modos. Eso tendrá más sentido en breve. En primer lugar, si nos fijamos en lo que tenemos en la pantalla aquí en los muchos, que lo primero que quería mostrarte es por defecto en Sublime Text, si seleccionas, si haces una serie de selecciones, solo
estoy manteniendo presionada la tecla de comando y que sea número de selecciones. Para que veas que he seleccionado estos cuatro números separados aquí y luego mira este poco descarado abajo aquí. Siempre te dará automáticamente la suma de esos números por defecto ahí abajo. De acuerdo, eso es una especie de margen, pero pensé que valía la pena señalarlo. Lo principal que podrías hacer. Bueno, dos cosas en realidad, para llegar a las características aritméticas, típicamente se utiliza la paleta de comandos y se puede ver como comienza con una H, Lo primero que hay. Ahora si solo quieres hacer algún poco de cálculo aleatorio, no
hacen 20 veces 250 a 2323 en esta instancia. Se puede ver ahí abajo abajo te da una vista previa de la respuesta ahí. Y si querías pegar eso y solo presionas Enter y ese número se mete en donde estuvieras antes. En lo que va tan bien. Otra cosa que puedes hacer es si tienes, puedes hacer una serie de selecciones aquí. Por lo que voy a hacer el truco de sostener la Opción, arrastrar hacia abajo para conseguir mis cuatro cursores, mantener pulsada Shift Command y la flecha izquierda para hacer esas cuatro selecciones separadas. Y de nuevo, puedo invocar la paleta de comandos ahí, hacer aritmética. Y puedes ver ahí que en realidad es x es la variable, si quieres que los panelistas aritméticos usen para darte los totales de estas canciones. Entonces si presiono Enter eso, obtuve el resultado de cada una de esas sumas. De acuerdo, Echemos un vistazo a un ejemplo un poco más práctico. Tenemos aquí una página HTML
muy básica, muy básica. Y he hecho una lista desordenada, que es un elemento de lista dentro de ella. Ahora, supongamos que quería hacer diez de estos ítems de la lista. Sabrás por los videos anteriores que podría hacer comando Shift, flecha
derecha, seleccionar esa línea, y luego hacer Shift Command y D y copiar esas líneas tantas veces como necesitara. No obstante, también podemos hacer esa tarea quizás más fácilmente utilizando la característica aritmética. Entonces voy a seleccionar esa línea. Voy a abrir la paleta de comandos, elegir aritmética. Y lo que voy a hacer ahora es deshacer para cambiar eso para que sea como ahora. Algo que vale la pena señalar aquí, obtiene acceso principalmente a tres variables en esta característica aritmética. X intenta convertir la selección a un número. S te da la selección como una cadena, que puedes ver en este caso porque conseguiste las pequeñas comillas simples a su alrededor. Y te doy la selección como número. Entonces lo harás, lo harás, eso tendrá más sentido en un momento. Entonces de nuevo, si hice un hacha, no puede convertir esa cadena a algo relacionado con las matemáticas, por lo que está fallando de nuevo a 0. Pero S nos da la cuerda como esperarías ahí. Pero lo que puede hacer es que puedo, de hecho, lo que voy a hacer es que sólo voy a sacar un poco de espacio en blanco ahí porque voy a querer el espacio en blanco. Entonces estoy dispuesto a renunciar a cualquier aritmética. Voy a hacer S, eso va a representar esto y mirar en esa cuerda ahora también. También puedes ver tengo una barra n para una nueva línea al final de esa LI. Entonces si ahora necesito hacer mis tiempos 10 y presionar Enter, eso me da mis diez líneas que Aeneid, que obviamente eso puede ser por muchas que necesites. Eso en sí es bastante bueno. Pero entonces también podríamos hacer montones de suponer en esta instancia iríamos, bueno, esto está todo bien y buena pelota. En realidad queríamos que estos números también se incrementaran. Entonces si voy y selecciono estos números aquí, y volvamos al panel aritmético. Ahí se puede ver que cada uno de esos, la ACS ahora es capaz de mostrar esos como el número que son. Podríamos hacer, por ejemplo, ahora
podríamos hacer algo donde vamos veces 20 y con el hacha. Y puedes ver que te está dando un adelanto de
lo que le va a hacer a cada uno de esos números. 1 veces 20 es 20. No obstante, más útil en este caso es que vamos a usar la variable i Ahora lo que hago es que te da una representación de esas selecciones como un número secuencial tal como han sido seleccionadas. Entonces esto tendrá más sentido cuando veas esto. Entonces si agrego un plus uno aquí, se
puede ver que va 12345. Está tomando las selecciones a medida que va por la página y está agregando una a ellas. Por lo que eso muy fácilmente me permite entonces numerar esta lista abajo esas tres variables de las que he hablado ahí. X siendo una representación de la selección de un como número si es CAO S es la selección como cadena. Y luego también yo, que es la selección como el número en el número de selecciones que has realizado. Esos en sí mismos son bastante útiles. Y para ser honesto, eso cubre, eso siempre está cubierto todo lo que siempre he necesitado hacer con la característica aritmética. Pero también debes saber que hay más. Utiliza todo el módulo de matemáticas, si quieres, de Python. Entonces si estás familiarizado con Python, te va a hacer lo sabes, pi, radianes, todo ese tipo de cosas buenas. No voy a cubrir eso en este video. Pero hay un excelente video de YouTube de debi up nerd, que le pegaré un enlace en las notas para este video. Si eso es algo que te encuentras haciendo mucho, entra en mucho más detalle y a su video sobre enteros, sobre formatear números usando las fórmulas matemáticas de Python. Entonces si eso está bien, Es algo que te encuentras haciendo. Ve y echa un vistazo a eso. Es un buen recurso.
42. Desato final: Hemos cubierto un montón de capacidades de Sublime Text en este curso. Y ahora es el momento en que intenta recordar o al menos probar algunas de las cosas que hemos aprendido. Si vas al curso github.com slash Ben frame slash Sublime Text, encontrarás repositorio muy básico el
cual puedes descargar si no quieres hacer todo, o simplemente puedes conseguir clon
si, si prefieres hacerlo eso manera. Ahora, el contenido de este proyecto es en gran medida basura. Eso es todo importante. Son solo archivos aleatorios que vamos a usar un manipulado ahora a lo largo del resto de este video. Entonces la forma en que me imagino esto bajando es que te voy a dar una tarea que hacer verbalmente en un archivo en particular. Y la idea es que entonces probablemente más fácil de hacer es pausar el video, tratar de llevar a cabo esa tarea. Y luego puedes volver a hacer clic en Reproducir. Y ahora esperemos que pasen por algunas de las formas en que podrías haber logrado esa tarea. Y puedes ver cuál de las técnicas que has empleado y tal vez qué técnicas para lograr el mismo objetivo que quizás hayas olvidado. De acuerdo, tienes esto, vámonos. Entonces asumiendo que tienes ese proyecto descargado, tu primera tarea es que esos archivos se abran en texto sublime para que podamos verlos en la barra lateral. Una forma en que podríamos hacer esto es con la línea de comando. Podríamos cd en esa carpeta y luego usar el sublime Comando, parada
completa ahí, suministro inclinado de esa manera. Y luego abre la barra lateral. Lo cual de nuevo puede recordar que hay pocas formas de abrir la barra lateral. Aquí hay un pequeño ícono, o están las cotizaciones cortas, cualquiera que sea la manera que sea tu preferencia. También puedes simplemente arrastrar y soltar sobre la propia aplicación. Quizás la forma más sencilla sería simplemente decir proyecto y doblar
este proyecto y navegar hasta la carpeta que acabas de descargar. Y luego otra vez, abre la barra lateral para que podamos ver esos archivos. De acuerdo, El siguiente trabajo es conseguir que ese conjunto de archivos se guarden como un proyecto de texto sublime. Si recuerdas cómo hacerlo, vuelve atrás y echa un vistazo al video sobre proyectos. Entonces como siempre con sublime, hay más de una forma de hacer esto. Podrías simplemente subir al menú aquí y hacer un Guardar Proyecto ya que allí no hay problema. O mi manera preferida es típicamente con la paleta de comandos. Entonces voy a escribir proyecto, hacer Guardar Como allá, y eso me va a llevar al mismo lugar. De acuerdo, tu próximo pequeño trabajo es crear una carpeta en la raíz de este proyecto, fuente SRC. Y luego dentro de eso Qué se crea un archivo llamado todo dot AMD. Ahora bien, esto no es algo que hayamos cubierto directamente en absoluto. Pero quiero que pienses en lo que harías en Sublime si no estuvieras seguro de qué parte de la interfaz podría contener las respuestas por ti. De acuerdo, entonces podríamos usar mejoras de barra lateral
Sublime Text que el paquete que hemos instalado por separado. Y podrías hacer una nueva carpeta aquí, no hay problema ahí. Esperemos que pienses en la paleta de comandos, así que voy a usar eso aquí. Voy a hacer carpeta nueva. Y se puede ver la opción ahí para nueva carpeta relativa a la raíz del proyecto. Y escogeré ese pequeño cuadro de diálogo que se abre al principio. Voy a escribir el nombre de mi carpeta. Y ahí se puede ver que se crea la carpeta. Podemos entonces hacer lo mismo con el expediente. Entonces vamos a hacer archivo. Y queremos hacer que caigas relativo a la raíz del proyecto. Vamos a mapear a fuente ahí. Y vamos a llamar para hacer MD. Y se puede ver ahí está nuestro nuevo archivo creado. Otro pequeño truco ahí. Si no teníamos ese archivo, sólo
eliminemos ese archivo ahí. Si quisiéramos hacer aquí. Si lo primero que escribes en un archivo es el nombre que quieres. que puedas preguntar cuando vengas a guardar ese archivo, puedes ver ahí en el diálogo que ya tiene seleccionado el nombre de ese archivo. No creo que eso sea tan bueno porque eso significa que aún tengo que entrar,
elegir una carpeta en particular en la que quiero guardar esa cosa. Pero vale la pena saber que también puedes hacer ese pequeño truco ahí. Y éste es agradable y fácil. Tenemos un archivo en nuestro proyecto llamado styles.css. Yo quiero que abras ese archivo lo más rápido posible. Obviamente, si ya tienes la barra lateral abierta poro, lo más fácil de hacer sería venir y hacer clic en eso. Pero muchas veces no tienes la barra lateral abierta porque te concentraste en el código con el que estás trabajando. Tan torpe, ese es tu núcleo en el proyecto en el que estás trabajando enumera todos tus archivos. Si está ahí arriba cerca de la parte superior, solo
puedes seleccionarlo bots. En nuestro caso, no está ahí. Puedo empezar a escribirlo, el hallazgo difuso, lo va a encontrar. Y solo puedo presionar Enter. Y nuestro expediente está abierto. Este archivo que hemos abierto se parece a CSS, aunque la extensión de archivo no es CSS. Entonces podemos en primer lugar, vamos a comprobar si nuestras políticas como CSS cambiando la sintaxis de este archivo, ver si puedes recordar cómo lo haces. Entonces podemos hacer el venir allá abajo y hacer clic en eso y conseguir el menú y cambiarlo con eso. O como siempre, podríamos usar la paleta de comandos. Y podemos elegir la sintaxis. Y se puede ver que apenas son tipos de ininteligibles en los libros. Aún así, los buscadores difusos hicieron su trabajo y luego podemos ver ese CSS. Entonces otra cosa que hacer es ahora sabemos que esto es CSS. Vamos a hacer que este archivo cambie el nombre para ser styles.css. Ahora, o bien podemos hacerlo de nuevo con, si tenemos instaladas mejoras de barra lateral, simplemente
podemos renombrar el archivo ahí. O lo adivinaste, no
tenemos la barra lateral abierta ni la paleta de comandos. Podemos usar archivo renombrado y leer Cambio la extensión de archivo aquí, el CSS. ¿ Verdad? Cerremos todos los archivos ahora. Y de la manera más rápida posible, puedes cerrar individualmente ahí con el menú o simplemente haciendo clic en eso o lo que sea seguro. Vida de galleta. Por lo que he usado comando la forma en que les disparan, le disparan las dos pestañas hacia abajo. Pero ahora me he dado cuenta de que necesito encontrar una regla en particular que esté en ese archivo CSS en mi base de código. Sé que está en algún lugar ahí dentro. Por lo que quiero que uses la funcionalidad de capilla para encontrar una regla de estilo que se llama delete dash me. Por lo que hay una serie de formas en las que podrías hacer esto. Podrías usar funcionalidad definida y encontrarla de esa manera. Y eso es perfectamente válido, pero no creo que esa sea la mejor manera de hacerlo. El mejor modo es usar la funcionalidad go-to. Y voy a usar ese tipo en nuestro código. Y se puede ver ahí se encuentra ese archivo, y ahí estamos. Ahora mientras estamos en este archivo, Eliminemos esa regla y agreguemos una diferente. Realmente no importa lo que pongas ahí en su lugar. Entonces voy a cambiar esto. A menos que te pegues en el ancho. 100 por ciento, estatura, 100 por ciento. Ahora lo que me gustaría que hicieras es inspeccionar el diftong
porque acaba de ser creado haciendo que esa regla cambie. Si no puedes recordar referido de nuevo al video en Edit Points. Entonces por aquí, si quieres usar el ratón, solo
puedes hacer clic derecho Mostrar el def hunk. Y eso te va a mostrar las diferencias entre lo que tenías antes y con lo que lo has cambiado. De acuerdo, el siguiente trabajito es tomarte lo más rápido posible a la línea 30. Si el viejo archivo dot js. Ahora podríamos ir a la barra lateral, encontrar el Archivo, desplazarse hacia abajo hasta la línea 30. Y si no quisiéramos desplazarnos todo estábamos por el fondo de este archivo. Podríamos saltar usando Control tipo G en 30, y eso nos llevaría a la línea 30. Pero tal vez la forma más rápida sería usar la paleta go-to cualquier cosa. Y lo que podríamos hacer ahí es tipo en todos los js. Y en cuanto se encuentre el archivo que recuerdo, podemos tratar de colon tirado, sediento, presionar Entrar y clima. Ahora supongamos que a estas alturas queremos que saltes de nuevo a nuestro archivo
styles.css y veas las cosas que habíamos estado haciendo selecciones sabias ahí. ¿ Cuál es la forma más rápida de hacer eso? Obviamente, tenemos la pestaña ahí para que siempre pudiéramos dar click en esa pestaña y retroceder de esa manera usando el ratón. Pero si queremos evitar el ratón en aras de ser un poco más rápido. ¿ Te acuerdas del video en puntos geom? Bueno, si lo haces, recordarás que con unas pocas pulsaciones de teclas, podemos volver a donde hemos estado usando control y el cambio menos o Control de menos. Entonces intentemos eso ahora. Al igual que estamos de vuelta en el punto anterior que estábamos fuera. Y luego si queremos volver a donde acabamos de pasar de un control de turno o menos. Ahora resulta que parece que estamos trabajando bastante en estos dos archivos. Entonces, ¿cuál es la forma más rápida en Sublime Text? Vamos a mover uno de estos archivos a una columna separada. Podemos tener los estilos y el archivo JS lado a lado. Si no estás seguro, al corriente de cómo hacer eso
, vuelve al video en interfaz y windows y splitting. Por lo que podemos usar el atajo para hacer que lo muestre, lo que significa opción de comando 2. Y entonces puedo moverme entre estos dos archivos, nuevo con el control Shoko uno o dos pies para mover los grupos focales. Y luego si quiero mover archivo a través, obviamente
puedo, puedo arrastrarlo y soltarlo así y eso funcionará. Bueno. También hay teclas de acceso directo si queremos simplemente estar en un grupo de enfoque en particular,
estaban en este archivo en particular, queremos moverlo al otro grupo, la otra división que hemos hecho. Por lo que en ese caso puedo usar turno de control y 2. Y eso también traslada mi expediente a esa división. Y luego cuando queremos saltar entre estos dos, podemos usar nuestras teclas de acceso directo para mover nuevamente el grupo de enfoque. Entonces ahora elegir uno de esos archivos realmente no importa cuál. Hacer una selección. Obviamente puedes hacer la selección con el ratón, digamos cinco o diez líneas, o puedes usar estas habilidades de selección con el teclado para expandir la selección hacia fuera. Y una vez que tengas una selección razonable ahí, quiero que intentes doblar el código hacia arriba. Ahora, puedes hacer eso usando el ratón y la canaleta o si lo prefieres, puedes usar las teclas de método abreviado. Entonces aquí estamos. Estoy en la línea 43 año este archivo JS. Y ya sea puedo usar mis habilidades de selección y solo voy a ampliar esto para conseguir allí una selección razonable. De acuerdo, así que eso es, así que eso me va a hacer. Y luego si queremos doblar esto, puedo usar, ves los iconos de divulgación del pliegue glúteo ahí. Y así lo puedes hacer con el ratón y la canaleta. Todos los atajos por defecto para mí si quería hacer esto con teclado es que uso Command and Option y luego son los corchetes. Por lo que puedes ver que obtengo el mismo efecto y solo puedo alternar entre los dos corchetes para caer que su código arriba. Ahora como hemos dicho, una carpeta, tal vez querremos volver a ese punto más adelante. Entonces pongamos un marcador en este punto. Y si no puedes recordar, tenemos todo
un video sobre marcadores que puedes volver atrás y hacer referencia. Así que pon un marcador ahí y cambia tu enfoque hacia el otro dolor. Tan línea de locura, quiero poner un marcador para que me muestre un control de turno rápido o Ves que tengo el pequeño indicador ahí. Alternativamente, aparece un crítico y si no estás seguro, siempre
puedes teclear. Pero OK. Y vamos a ver. Ok, y está ahí en los marcadores de go-to. Y puedes alternar para marcar ahí, vale, y luego queremos cambiar nuestro enfoque de nuevo al otro grupo. Entonces de nuevo, puedes hacer eso con el ratón o podrías hacerlo con las cookies de show. Y otro simpático sencillo. Pasar a través de ese archivo CSS o cualquier archivo que realmente no importa. Usa tus teclas de flecha para bajar ese archivo una cantidad sustancial y luego quieres que te detengas en una línea y lo envíes a esa línea en el centro de la pantalla. Cubrimos cómo hacerlo en uno de los videos básicos de movimiento justo al inicio del curso. Entonces aquí vamos. Voy a bajar bastante este archivo. A menos que supongamos que quiero centrar esta línea 68 en medio de la pantalla, puedo usar el atajo Control L. Y eso va a desplazar esa línea hacia el centro. Por lo que algún movimiento más básico. Ahora quiero que bajen lo más rápido posible al fondo de ese archivo, agreguen una nueva línea, terminen la última regla CSS. Y entonces lo que quiero que intentes y hagas es mover un par de las líneas arriba o por debajo de ese ancho al 100%. Y hemos cubierto cómo conseguir que esas líneas burbujeen en uno de los videos de movimiento. De acuerdo, así que estoy, estoy en algún lugar de este archivo y quiero llegar al fondo OK y usar el mini-mapa y zip hacia abajo si quiero usar mi ratón. Pero como siempre, en términos de productividad, probablemente no pueda ser el teclado. Entonces voy a usar la tecla de acceso directo, comando y flecha hacia abajo que me lleva al fondo del archivo. Voy a añadir una nueva línea aquí. Recuerda que tenemos una Ashoka en, tenemos una cotización corta para que podamos abrirnos con una nueva línea ahí y escribirla. Ups. Ahora supongamos que tengo esta línea y quiero moverla a 0. Recuerda que tenemos burbuja de vino adentro, así que solo podemos hacer eso con la línea en cuestión. O si quisiéramos hacer una selección de líneas y queremos que mueva esas hacia arriba o hacia abajo. Se puede hacer lo mismo con una selección. De acuerdo, ahora quiero que agregues un comentario, no importa cuál sea el comentario, pero escribe un comentario en un perno esa regla y mira si puedes recordar la forma más rápida de conseguir comentarios en el código. Por lo que estoy en este archivo, quiero escribir un comentario arriba. Obviamente puedo si conozco la sintaxis que estoy trabajando y probablemente sepa hacer un comentario de todos modos. Pero Sublime Text lo hace más fácil para que simplemente podamos escribir o comentarios. Sí, fue mi comentario. Y luego en lugar de que pongas los glifos circundantes que necesitas para convertir eso en un comentario en el idioma en el que estés. En cambio, solo puedes usar el atajo y automáticamente hará que eso sea algo común para ti. Y de nuevo, si quieres desactivar eso y hacer lo mismo en reversa, solo tienes que alternar ese comentario. Ahora si recuerdas unos pasos atrás, hicimos un marcador en ese archivo todo dot js. Lo que quiero que hagas ahora es volver a ese archivo y ver si puedes recordar cómo saltar de nuevo a ese marcador. Y una vez que estás fuera ese marcador, cómo quitar el marcador. De acuerdo, entonces voy a mover mi enfoque hacia ese archivo. Una vez que estoy en ese archivo, puedo usar F2. Y eso me va a saltar enseguida. Ese marcador es que queremos despejar ese marcador. También hay un mando para eso. Y en este caso es Shift Command y F2. Y se puede ver que los pequeños iconos desaparecieron para borrar todos esos marcadores para mi archivo en particular. De acuerdo, última tarea, quiero que vuelvas al archivo todo dot RMD. Y quiero que escribas un poco de texto en líneas completas, solo un par de palabras en cada línea completa. Y entonces lo que quiero que hagan es tomar cada una de esas líneas o tomar la selección de líneas y unirlas todas en una sola línea. Y luego por puntos de bonificación, elige un par de las palabras. Y quiero que cambies la funda para que hagas algunas de ellas, algunas son minúsculas o mayúsculas. A lo mejor si tienes algunas que son mayúsculas, hazlas en minúsculas. Y de nuevo, hemos enfriado todo esto en videos anteriores. Por lo tanto, remite al apartado sobre manipulación. Si quieres simplemente refrescar rápidamente tu memoria de cómo haces este tipo de manipulaciones. Y luego voy a abrir mi tarea de hacer. Y voy a escribir mis líneas de falla. ¿De acuerdo? Y ahora si quiero unirme a esas líneas, y eso es dibujar mis líneas juntas. Y luego si quiero elegir palabras particulares a mayúsculas o minúsculas, podría hacer Control K, Control U para que sea mayúscula. Y luego si quiero volver a configurarlo en minúscula Comando K, Comando L para minúsculas. Bueno, felicitaciones si has logrado recordar incluso la mitad de eso, has hecho un trabajo realmente bueno. El hecho es que es poco probable que alguien vaya a recordar todas las capacidades y características que un programa como Sublime Text tiene para ofrecer. Pero lo que es importante, la
mitad de la batalla es saber que esas capacidades existen. Entonces la próxima vez que te pegues a un problema en particular, puedes pensar en tu mente, recuerdo que hay una forma de resolver esto es sublime y puedes saltar de nuevo a estos videos, refrescar tu memoria, y ojalá conseguir ese trabajo hecho en tiempo sincopal. Pero hasta entonces, eso es todo por ahora. Nos vemos otra vez en algún momento.
43. Sistemas de construcción: Entonces soy texto tiene el concepto de sistemas de construcción horneados justo en él. Ahora, pueden ver un poco intimidantes al principio. Bueno, ciertamente los sentí intimidantes al principio, pero son una capacidad enormemente poderosa. Y puedes imaginarlos todos solo con un simple archivo JSON like. Una cosa, esa idea del día a día en este lado del ejemplo que estamos mirando a la izquierda aquí es, déjame mostrártelo abajo para ti. Es solo un sitio básico que ejecuta un archivo gulp, que es, si no estás familiarizado con Gopi es solo un corredor de tareas que se ejecuta en nodo. Ahora típicamente iba a empezar a correr. Abriría la terminal en la carpeta. Proyecto es de tipo objetivo, presiona Enter. Y eso se encenderá entonces, abrirá un servicio local de que pueda ir y trabajar con ese proyecto. Ahora bien, eso está todo bien, pero eso obviamente depende de usar el blogueo terminus. Bueno, si él no quería hacer eso, podrías averiguarlo usando una terminal y en su lugar
podrías hacer un sistema de compilación para este tipo de funcionalidades. Entonces si bien hay una plétora de cosas diferentes que puedes ver, si te muestro los sistemas de compilación que obtienes, este es para todos estos diferentes lenguajes incorporados. Pero en realidad voy a hacer uno que se usa en JavaScript o más específicamente nodo. Entonces les voy a mostrar cómo se puede hacer eso con bastante facilidad. Entonces el menú allá arriba, voy a ir herramientas construir sistema, y bajaré a nuevo sistema de construcción. Y esto me hace una lista. Termina este archivo como JSON ya que la casualidad lo tendría. Es un comando shell que quiero ejecutar porque acabamos de ver en la terminal donde era Gulp que estaba corriendo justo desde la línea de comando. Por lo que puedo muy fácilmente simplemente hacer trago ahí. Ahora por defecto, eso se va a ejecutar. Si por ejemplo, yo estaba en este archivo y nuestro sistema de construcción de roadmap
lo está intentando, intentará ejecutarlo desde la ubicación de sus estilos, que si vamos y echamos un vistazo rápido aquí. Mis estilos, bueno en realidad eso está ahí dentro, en la bola de raíz. Si estaba en, por ejemplo, si estaba trabajando en como digamos, este archivo de disco aquí, que vive dentro de esta carpeta de imágenes. Y ejecuto ese build appear tools build lo que se llamara. Va a fallar porque está buscando correr trago de ese potro que no va a funcionar. Por lo que también tiene los sistemas de construcción que puedes ver aquí. Y esta noción de variables que puedes usar ahí dentro. Entonces el que voy a usar, que le va a decir al script de compilación dónde ejecutar. Esto no va a usar esta carpeta variable, que puedes ver aquí en los docs para esto en el sitio sublime, es la ruta completa a la primera carpeta abierta en la barra lateral, lo cual es genial para algo como esto porque sabes que el proyecto en el que estás trabajando es el primer Open Folder aquí. Entonces eso me va a gustar muy bien. Entonces lo que voy a hacer aquí es que voy a hacer trabajando. Y luego a pesar de este show en aparecer, solo lo usas encima donde realmente necesitas hacer es meter unos rizos por aquí, así que eso nos debería dar lo que necesitamos. Entonces básicamente estoy diciendo que ejecute ese gulp comandarles alivio de la carpeta del directorio de trabajo. Voy a ahorrar eso ahora. Voy a llamar a esto, lo llamaré trago. Podría tener sentido llamarlo algo que es particular
del proyecto dependiendo de lo que hagas ahí dentro. Pero lo mantendremos agradable y simple por ahora. Entonces el comando shell, va a subir, va a subir, va a ejecutarlo desde esa carpeta. Entonces veamos ahora si lo
hago, solo te mostraré el Shoko aparecer. Si sí construyen sistema, es Comando M B para iniciarlo. Y luego una vez que se está ejecutando, puedes cancelarlo con Control y C. Así que tratar de ser, como se puede ver ahí, eso arrancó lo mismo que viste antes en la terminal, y eso está todo funcionando ahora. Y entonces podría entrar y hacer mi, vamos a ver dónde está esto spinoffs o localhost, 3000 watts. Sólo muéstrale que eso está funcionando. Entonces ahí lo tienes. Ahí está ese sitio en particular en cuestión. Y luego si quiero que cancele eso solo puedo hacer Control. Y C, se ve abajo construir cancelado bastante pequeño justo ahí, pero ahí es donde te da esa retroalimentación. Y ahora si refresco esto, verás que está, está terminado. Esa es una demostración muy, muy simple del tipo de cosas que se pueden hacer con builds agarres hace un ejemplo mucho más evolucionado. Si miras el texto sublime docs ahí, para mis casos de uso, solo
vale la pena saber que estas son la disfuncionalidad está ahí para ti si es algo que crees que podría funcionar para los proyectos solares que eres trabajando en.
44. Crear fragmentos: Los fragmentos son bloques prepoblados de texto que normalmente se usan para fragmentos donde tienes mucho texto
repetitivo y quieres rellenar algunos espacios en blanco a pesar de usar Sublime Text durante años y años fragmentos es en realidad una de las características que he usado probablemente menos. Eso no quiere decir que no sean útiles. Es sólo que no son tan útiles como quizás solían ser. Solían ser Bibliotecas de fragmentos populares para patrones CSS, funciones de
JavaScript, todo tipo de cosas. Pero a medida
que mejoran cosas como auto completado que simplemente no parecen tan populares como útiles. Pero sin importar, echemos un vistazo a crear un simple fragmento porque hay todas las posibilidades de que algo que necesitas hacer
día a día que pueda beneficiarse de tu propio fragmento personal para lograrlo. Entonces en este caso, vamos a ver hacer un fragmento para la maqueta para un elemento de subtítulos de figura. Entonces si te imaginas estoy escribiendo algo de HTML aquí, que voy a introducir algún texto aquí. Y esta va a ser la leyenda de la figura pieza de salida que queremos crear. Entonces supongamos que esta es nuestra pieza de texto aquí. Lo que queremos hacer es convertir eso en un elemento de figura con una leyenda ahí dentro y una etiqueta de imagen ahí dentro. Entonces ya he creado este fragmento antes, que te mostraré en un minuto, pero solo te voy a mostrar cómo ejecutarías eso. Entonces harías fragmento o algo así. Para que veas que este es el fragmento que he creado, este que es figura con dos apps. Entonces presiono eso, noten que he seleccionado el texto que acabamos de escribir ahí primero. Y entonces ahí han pasado algunas cosas y vamos a pasar por ellas una por una. Entonces puedes ver aquí que se creó el fragmento, y también se coloca dos cursores en una posición. Entonces en esta instancia, quiero un ID para el título de figura, que también quieren enlazar con lo descrito por las etiquetas. Entonces podría llamar a eso. Vamos a darle un nombre a eso. Y se puede ver que está mecanografiado en ambos lugares. Ahora cuando presiono Tab, mira lo que pasa. Entonces va a este lugar titular poco de textos, que es la etiqueta alt para la imagen, que podría elegir dejar eso si quisiera, y saltar de nuevo. Y eso me llevaría que entrar al tipo fuente. Entonces voy a hacer como un punto de ánimo JPEG o lo que sea. Y entonces supongan, o como amanecer, eso me pega hasta el final de la pieza de mercado ahí. Ahora, todo ese proceso se controla mediante la creación de un fragmento. Entonces vamos a cambiar a nosotros y archivo épico y te voy a mostrar cómo funciona eso. Entonces este es este fragmento que he creado. Y con el fin de hacer un nuevo fragmento, se subiría al menú. Aquí tienes, Herramientas, desarrollador y nuevo fragmento. Y eso crea un snippy en blanco. Ese es el tipo de la calderilla que obtienes por defecto para un fragmento. Entonces, volvamos a la que hemos hecho aquí. Y se puede ver aquí esto es, es más fácil de pensar. El texto blanco es lo que no vas a querer editar. Esa es la cosa que va a estar ahí en cada uno de estos fragmentos que hagas. Y luego se puede ver donde hay este signo de dólar y un número. Aquí es donde tendrías estos puntos de inserción cuando ejecutes el fragmento, donde va a colocar tu cursor y te dejará escribir lo que
quieras para que puedas ver el numerado para que esto signifique que este primero, y puedas ver aquí, tenemos dos de la de ahí. Y eso fue porque si recuerdas, ahí es donde queríamos
que estas dos cosas se espejaran entre sí. Por lo que sólo tengo que decir que una vez que obtengo exactamente lo mismo, que
ese punto, se puede tener un número, un espejo en otro lugar. Ese será el primero al que vayas. El siguiente cosa interesante o lo que vale la pena destacar es, que se puede ver en éste acabo de obtener el signo del dólar y un número. Este es un caso ligeramente ampliado aquí porque lo que he hecho es que tengo el signo del dólar. Bueno entonces tengo este conjunto de llaves y luego el número,
el colon, y luego un trozo de texto. Esa pieza de texto es lo que se conoce como texto de posición para el fragmento. Entonces si entro a ese campo y elijo no hacer nada, no escriba nada más. Ese es el texto que va a poner ahí. Entonces otra vez, volvamos a enrollar esto. Si recuerdas, lo hicimos, seleccionamos nuestro texto, hicimos el fragmento, esa fue nuestra primera pieza de todos número uno. número dos es eso y se puede ver cómo se resalta por capa predeterminada, que es esta sección aquí. Y obviamente, podría escribir algo completamente diferente ahí si quisiera. Y luego pasar al número tres, que está aquí. La selección es humilde. De nuevo, voy a enrollar esto aquí atrás, si recuerdas, iniciamos su texto seleccionado y luego ejecutamos el fragmento. Hay una serie de variables que puedes usar en fragmentos, especie de variables de sistema si quieres. Una de las cuales es la selección. Ahora, hay una lista completa de los que están en el texto sublime en los documentos
oficiales que está suministrando texto docs dot IO. No voy a pasar por todos los de aquí porque esto es realmente sólo una especie de visión general de cómo usar fragmentos. Pero esto está mostrando a uno de ellos una nueva selección de interruptores. Y lo que eso significa es quedarse ahí. Cualquier cosa que se resaltó cuando se fragmentaron estaba mal. Y en este caso, esto era un poco de texto aquí. Para que cuando lo ejecutemos, se
pueda ver ahí que eso se envuelve Justo como se describe. El, y luego también tienes un par de cosas extra aquí. Si querías limitarlo a alcance, puedes hacerlo ahí. También he agregado esta cosa, o más bien solo para mostrarte, esto es casi como el nombre del snippy, pero también significa que puedes ejecutar ese fragmento con solo escribir esa palabra clave. Entonces resulta que, en realidad sí
sé deletrear figura. Acabo de hacerlo deliberadamente con una doble F porque quieres usar algo ahí que normalmente no escribirías en lenguaje normal. Entonces sería inútil que escribiera en figura porque como el disparador de tabulación, porque entonces cada vez en prosa o lo que sea que escribiera figura
real la palabra que se expandiría para hacer este fragmento. Ahora que en esta instancia, esto no es tan útil porque este fragmento en particular que he configurado para usar una selección. Ahora lo que no puedes hacer es tener un trozo de texto seleccionado ahí y ejecutar el fragmento por tipo en la clave que desencadena la pestaña. Entonces mira lo que pasa si hubiera seleccionado eso en cuanto empiezo a escribir eso anula C. Y así aunque lo complete ahí, no
soy capaz de especie de mantener esa selección y llevarla a través. Entonces esa es solo una pequeña limitación a tener en cuenta. La otra cosa que está un poco frustrada por el mismo token es un auto. Tengo algún texto seleccionado ahí, hacer un nuevo archivo aquí, dibujado. Ese fragmento de texto el libro de texto que ejecuta, pero no reporta la selección de esa otra pestaña. Entonces esa es solo otra limitación menor de la que estar al tanto. Ese es el recorrido de silba-stop de fragmentos en Sublime Text. Sólo recuerda que si te crean una pestaña te disparan algo que
normalmente no escribirías en lenguaje normal o se pondrá bastante irritante con bastante rapidez.
45. Resolución de problemas: Si por alguna razón sublime no se está comportando como cabría esperar, lo primero que debes hacer es iniciar sublime en modo seguro. El modo seguro es una forma de lanzar sublime en su defecto en estado alterado. Entonces va a pasar, va a pasar por encima de tu configuración, tus vinculaciones de teclas, tus plug-ins. Y se iba a empezar por sí mismo abrir una carpeta diferente para que puedas eludir cualquier tipo de problemas de almacenamiento en caché. Te voy a mostrar dos maneras de empezar sublime en modo seguro. El primero es el tipo de forma de GUI más simple, y el segundo es a través de la terminal. Entonces el primero te voy a mostrar el camino GUI. Por lo que encuentras sublime en tus aplicaciones. Y al hacer clic en él, mantienes presionada la tecla Opción en el Mac. Y puedes ver ahí que conseguirías esto solo para disipar cualquier duda en lo que sea, obtienes este diálogo que te dice que ha sido iniciado en modo seguro. Y se puede ver ahí obviamente, esto no tiene ninguno de los temas. Esta es una versión completamente vainilla de sublime. Por lo que la otra forma es en la terminal, se
puede utilizar el comando de símbolo y pasarle la fibra de modo seguro. Por eso, y obtienes exactamente el mismo resultado. Ahora, cuando estás en modo seguro, puedes ir por tu negocio y probar lo que necesites para probar. Y en cuanto saques de sublime y luego
relanzarlo, volverá a entrar y es el estado normal por defecto, ya
sabes cómo lo tenías antes. Yo no modo seguro. Entonces pensé que podría ser útil sólo llevarte a través del proceso por el que paso si alguna vez estoy en una situación en la que sublime no se está comportando como yo esperaría. Ahora, la causa número uno absoluta de problemas en sublime es con plug-ins. He perdido la cuenta de la cantidad de veces que he asumido que había un problema en Sublime. Y nos enteramos de que en última instancia fue un plugin que ha fastidiado algo. Entonces lo grandioso del Modo Seguro es eso, eso te permite empezar las cosas pasando por alto todos los plugins y similares y ver si por defecto sublime, comportándote como lo haría. Entonces hacemos eso, lo que acabamos de hacer, empezando en Sublime y ver si lo que estás tratando de hacer funciona como cabría esperar. Ahora, supongamos que iniciaste en modo seguro y todo funciona en sublime, como cabría esperar. La siguiente etapa a la que voy, es parar sublime Normalmente como un medio tono aquí, y luego empiezo a deshabilitar plugins. Entonces, desde la paleta de comandos, solo escribes deshabilitar. Y se puede ver que hay tres letras, deshabilitar paquete. Da click en eso y bajas por la lista y de manera crucialmente buscas los que sabes son paquetes que tienes instalados. Entonces por ejemplo, algo así como aquí, criterios
JS es uno sé que he instalado o los que
actualmente no tenemos muchos SaaS es uno que he instalado aquí, mejoras de
barra lateral, cualquier cosa que sepas, terminus otra vez, otra que quizá te hayas instalado tú mismo, sobre todo si es algo que has instalado recientemente que ella tenía el punto número 1. Y lo que hay que hacer es desactivar ese plugin. No lo estás quitando en este punto, solo lo dejas de trabajar, podrías conectarte y recibes un pequeño tipo de
mensaje justo abajo en esa línea de fondo de ahí para decir que ha sido deshabilitado. Y entonces lo que quieres hacer es dejar de Sublime otra vez y relanzarlo. Y eso solo asegura que definitivamente no estás, que no queden restos de ese plug-in y que otra vez,
prueba lo que intentabas conseguir trabajar antes de que funcione, ¿de acuerdo? Ahora, obviamente, ya sabes, fue un problema con ese enchufe en la nada. De nuevo mismo proceso. Yo lo voy a compilar, ve a deshabilitar paquete y tú eliges el siguiente. Y básicamente sigues eso hasta que hayas deshabilitado cualquier paquete que hayas instalado tú mismo. Asumiendo que has desactivado cualquier plugins que hubieras agregado, y aún ves en el problema. Lo siguiente que haremos es mirar el archivo de preferencias. Por lo tanto Command Cloud abrir preferencias. Y lo que haría en esta instancia es que sacaría todo de ahí. Yo lo copiaría, lo pegaría en otro archivo, y luego eliminaría eso, el contenido de eso y solo dejaría un vacío así,
guardaría ese archivo, renunciaría,
sublime, reabriría, sobreviviría, y a ver si el problema está sucediendo otra vez ahí. Ahora supongamos en esta etapa después de que eliminaras eso, abre Sublime, y el problema se fue. Otra vez. Ya sabes que el problema está en tu archivo de preferencias. Por lo que puedes bajar aquí y eliminar trozos de cosas a vez hasta que encuentres la cosa en particular que está causando tu problema. De nuevo, suele ser algo relacionado con un plug-in. Entonces cualquier configuración que hayas conseguido aquí, que sabes que tiene que ver con un POC y que has instalado o un tema o algo así. Ese sería mi primer puerto de escala en cuanto a cosas de las que deshacerme primero y ver si es Esos. Supongamos que has hecho esa parte y aún ves el problema. Lo siguiente que miraría sería mis ataduras de llave. Entonces otra vez, en mano de obra y abrir las ataduras de claves y el mismo trato que acabamos de hacer antes, ¿cómo seleccionarías todo lo eliminado o lo copiarías en otro archivo? Reinicia sublime, y mira si obtienes el mismo problema. Si eso no resuelve tu problema, solo
hay una cosa más que probar y eso sería quitarte el efectivo. Entonces dependiendo de obviamente tu sistema, por ejemplo, en Mac OS, la carpeta de caché como en aplicación de
biblioteca soporta Sublime Text efectivo allí y solo puedes manipular eso. Muévete a la Papelera, reinicia sublime, y mira si eso soluciona tu problema. Por lo que ojalá si alguna vez tienes un problema, si sigues un conjunto similar de procedimientos, te hará volver al juego. Nunca he tenido una situación donde una falla, ese tipo de pasos y no ha revelado la fuente del tema. Como dije, 99 veces de un 100, va a ser algo que ver con un plugin, Ajustes
impresionantes que ver con el plugin.
46. Plugin: LSP: En este video, vamos a instalar el plugin LSP, que es abreviatura de Language Server Protocol. Este es otro plugin muy específico de código. Entonces si eso no te va a aplicar, puedes saltarte con seguridad este video. Si realizas algún tipo de programación con Sublime, casi seguro
que te beneficiarás de instalar el protocolo de servidor de lenguaje o el programa LSP, como se conoce comúnmente. Y esto te proporciona todo el mismo tipo de magia
autocompleta e inteligencia de código que obtienes de VS Code. Y eso se debe a que es exactamente la misma inteligencia de código de magia auto que se obtiene en VS Code solo que se presenten tal vez un poco más agradable. En realidad usa exactamente los mismos archivos JSON para alimentar las pistas de autocompletar y código y todo ese tipo de inteligencia. Entonces sigamos adelante y lo instalamos y se puede ver la diferencia que hace. Tengo un par de archivos aquí para solo mostrarte. Y hay un, hay un archivo JavaScript aquí y un archivo CSS aquí. Aviso por ejemplo aquí donde tenemos códigos hex muertos, solo códigos hex. Eso es todo lo que ves ahí. Pero vas a ver una diferencia en un minuto cuando tengamos instalado este plugin. Entonces vamos a hacer lo de siempre y Command Palette instalar paquete. Y vamos a hacer LSP. Entonces está el estándar que queremos. Y se puede ver ahí abajo en la parte inferior izquierda, me instalaré. Y luego sólo te dice un poco sobre esto. Este es el cliente del protocolo del servidor de lenguaje. Y entonces lo que tenemos que seguir adelante y hacer es instalar plug-ins para el idioma favorito que nos interesa, todos los idiomas. Entonces voy a instalar una pareja aquí. Entonces de nuevo, si buscas LSP, lo siento, quieres hacer instalar paquete, entonces busca LSP. Y luego se puede ver cada uno de los diferentes lenguajes es LSP dash, lo que sea. Entonces dos me interesan aquí, nuestro CSS. Entonces ahí tienes, eso se instaló. Y entonces también necesito hacer bucles. Entonces otra vez, SP, ELLA TypeScript. De acuerdo, ahora probablemente tiene sentido simplemente dejar de fumar, sobrevivir reiniciando. Asegúrese de que todos los servidores de idiomas estén en funcionamiento. Entonces voy a hacer eso ahora. De acuerdo, así que estoy, estoy de vuelta en sublime ahora habiendo reiniciado, probablemente
podríamos simplemente comprobar si esta cosa está cargada. De acuerdo, así que ya ves ahí tenemos estas cosas de LSP se han puesto en marcha. Está bien. Css Portland que sea. Está bien. Está bien. Bueno, parece que está bien. Entonces vamos a echar un vistazo al archivo CSS. Ahora, puedes ver ahí al instante tenemos aquí estas pequeñas muestras de color de le estallaron. Que otra vez, si estás acostumbrado al código VS, lo verás, lo verás. Ellos lo hicieron. Son bastante funky porque te da retroalimentación
visual del color que lo escribes ahí. Todos los vendedores, Vamos a saltar a través de la Z. Puedes ver aquí, obtener todo nivel extra de características del lenguaje que están comin allá arriba. Nuevamente, esto es del servidor de idiomas que sirve a sus polys tipo de posibilidades allí en este objeto de ventana. Y de nuevo, si tienes alguna clase TypeScript, solo abre tu archivo TypeScript. Entonces vas, acabo de saltar en otro proyecto a un archivo TypeScript y puedes obtener este tipo de información. Ahora, saliendo de LSP, podrías hacer algo aquí también donde,
por ejemplo, podrías elegir, en esta instancia, puedes hacer clic en este pequeño ícono aquí y
saltar a la definición de esa cosa, que quiero decir, No me interesa eso ahora, te daría una idea de la fuente de lo que puedes hacer aquí que no podías hacer ordinariamente. Entonces todo este tipo de cosas, puedes ver de dónde tienes estos pequeños iconos aquí. Puedes saltar a través, abrir esas cosas en otra ventana. Entonces ahí tienes. Ese es el
plug-in de protocolo del servidor de idiomas te da un montón de sutilezas extra y tipo de ayudantes, si usas en varios idiomas diferentes, obtén el LSP, las principales personas de Alice van a instalar y desinstalar cualquiera que necesites para tu idioma. También encuentras que hay una Configuración particular para cada idioma también. Y voy a entrar en eso aquí porque realmente
depende de tus preferencias por el idioma que escribes. Pero solo ten en cuenta que puedes ajustar esas cosas a tu gusto un poco más. Al igual que todo lo demás estaba sublimado. No quiero que ese tipo de archivos como JSON establezcan la configuración.
47. Plugin: Sidebar: En este video, sólo vamos a conseguir que se instalen las mejoras de la barra lateral del plug-in. Puedes ver por defecto cuando miramos sublime, si abrimos la barra lateral, si quieres hacer algo con el menú contextual aquí, el valor predeterminado es bastante delgado en el suelo. Ahí no hay un montón de barra lateral podría hacer por nosotros. Y yo, que instalo mejoras de barra lateral y te mostraremos el efecto que obtienes con eso. Entonces usando el control de paquetes, una vez que hayamos mirado antes y hagamos instalar paquete, se va a ir, obtener el conjunto completo de repositorios entre los que podemos elegir. Sólo voy a escribir aquí mejoras de barra lateral. Ahí vamos. Instalar eso. De acuerdo, entonces yo un pequeño mensaje ahí abajo a la izquierda, justo aquí fuera que se ha instalado. Y ya verás ahora te dan mucho más cosas. El Gran Oriente para mí son cosas como archivo nuevo, carpeta
nueva, mover cosas. Simplemente hace que las operaciones
normales y normales del día a día sean mucho más sencillas de manejarlas, ligeramente diferentes en que no
puedes, no puedes arrastrar y soltar archivos, pero puedes, puedes moverlos. Y lo que eso hace es que te permite cambiar solo cambiando la cadena JND para el nuevo directorio o carpeta. Lo único que se salvó, y eso es todo lo que hay en ello, las mejoras de la barra lateral. Por lo que nos pondremos en marcha con el siguiente plugin en el siguiente video.
48. Plugin: prettier: Se trata de conseguir que se instalen más guapa. Un operar en Sublime Text es una cosa si codificas para Olivia y no estás usando una herramienta como bonita para formatear tu código. Bonito es lo que usamos con lenguajes front-end, CSS, JavaScript, HTML. Si no estás usando más bonita, probable es que estés perdiendo mucho tiempo formateando tu código para que sea legible, inaceptable. Algunos idiomas tienen sus propias herramientas, más bien la caja para todo lo demás. Hay presión. Tan guapa arriba y corriendo son esencialmente dos pasos. Tienes que asegurarte de que los bonitos paquetes instalados vía NPM. Y luego necesitas configurarlo en cualquier editor que utilices, en este caso, texto sublime. Entonces supongo que lo primero que debes hacer es comprobar si tienes npm install. Entonces lo primero que vamos a hacer es abrir terminus, que es otro paquete que nos instalaron en Sublime año y comprobar si aviso instalado en su sistema. Muy simplemente nodo dash el y esto es sólo preguntar qué nota versión de un se instaló. Por lo que puedes ver ahí, tengo instalada una versión de Node. Si eso surgió y dicho comando no se encontró, necesitarías ir al auto NodeJS, el pequeño enlace de descarga, ese archivo descargado, y eso es una instalación clicky, clicky. Basta con seguir todos los predeterminados a través. Una vez que tengas algo en la línea de comandos que diga que tienes instalado Node, te vas a subir y te vas a instalar más bonita. Hay una página web y entonces todo lo que necesitamos hacer es seguir los docs a través con respecto a conseguir cualquier instalado. Voy a ser un poco complicado. Voy a instalar más bonita a nivel mundial en mi sistema. En la documentación se espera que lo instales localmente con cada proyecto que construyas. Y solo estoy instalando global porque estoy esencialmente en esta máquina que estoy usando aquí. Solo estoy yo aquí, así que no tengo que preocuparme diferentes versiones estén en conflicto. Esa es la razón principal por la que, aunque no señalan explícitamente en los docs por qué te pidieron ejecutarlo localmente con cada uno. Entonces usando MPM ahora, y pondré un dash g para instalarlo globalmente. De acuerdo, así que ahí vamos, paquetes en ello y sólo podemos comprobar que eso está funcionando como cabría esperar. Y vamos Así que al minuto tenemos la versión 2.2.1. Entonces eso es todo lo que necesitamos hacer en el nodo Londres, la terminal. Entonces necesitamos ir y a control de paquetes, instalar paquete, un autor más bonito. Y en Sublime estás buscando un paquete que sea JS bonito o no? No solo bonito, es js bonito. Y este es un pequeño paquete envolvente alrededor más bonito en la línea de comandos que hará cosas como guardar tus archivos, formatear tus archivos cuando guardes. Entonces vamos a instalar eso. De acuerdo, así que salta a través de esto. Léame. Si aún no tienes guapa estás todo listo, lo contrario necesitas ir a descargarlo. Ya hemos hecho eso sido. Algo que siempre me gusta hacer en el editor es configurarlo para formatear automáticamente el código cuando guardes. De lo contrario tendrías que recordar otro código cada vez que quieras formatearlo. Esa puede ser su preferencia. A mí me gusta solo conseguirlo en Guardar. Entonces, sólo vamos a entrar aquí. Configuración del cucharón, JS más bonita. Entonces este es el escenario que nos interesa. Auto formato inseguro. El valor predeterminado está apagado y sólo voy a cambiar eso y ese es el predeterminado para ser cierto. Guarda eso. De acuerdo, Ahora, un poco de suerte. Probemos un poco de CSS aquí y vamos a estropear esto. Así que mira lo que pasa ahora cuando hago clic en Guardar. Entonces en este caso, acabo de tratar con su Salvador y me di cuenta de que bastante serio y haciendo lo que esperaba. Tan bueno, no está haciendo nada en absoluto. Entonces solo abriré la consola aparece, que en otros videos verás que lo haces con control y la tecla tilde. Y esto me está diciendo asegurar elogios, instalarlos definidos en su variable de ruta de entorno. Entonces solo voy a ir a averiguar de qué se trata eso ahora. Está bien. Entonces solo empieza a desaparecer por cinco o 10 minutos y luego descubre qué estaba pasando con esos mensajes de error de nodo. Porque estoy ejecutando nvm para ejecutar nodo, hay un par de configuraciones adicionales que necesitas en su archivo de preferencias. Entonces déjame solo mostrarte cuáles son. En la planta baja. Más bonito, abre la Configuración de Usuario y lo puedes ver. Bueno, he tenido que hacer es agarrar. Te mostraré estos fuera de la terminal. Si bien he tenido que hacer es solo hacer un rapido que más guapa decirme dónde se encuentra bonita. Y lo mismo para que el nodo me muestre dónde se encuentra eso con NVM, no
tendrías que hacer esto si acabas de instalar Node con lo clicky, clicky. Pero si has usado MTM, necesitas tomar esos dos valores. Y se puede ver aquí hay un ajuste para un camino CLI más bonito, que es el camino de mi sistema a más guapa, que acaba de ser copiado fuera de aquí. Y lo mismo para la ruta de nodo de justo en qué nodo copiar ese valor fuera de ahí. Entonces sólo voy a apagar eso ahora. Esclavos que, y luego se puede ver aquí, sin más preámbulos, hay que sangrar incorrectamente archivo CSS y yo sólo puedo guardar ahora y automáticamente prestigiosos formatos que. Y es lo mismo con déjame mostrarte algunas cosas aquí. Entonces digamos que pongo algunos espacios aquí. Y luego esto incorrectamente y vamos a deshacernos de los momentos de la barra lateral, Eva. Y supongamos que olvidé una coma al final del objeto. Y digamos que eso es nuestro reformato a Tim y espacios, ¿de acuerdo? Por lo tanto suficiente una variedad que, eso también es realmente honesto. Sólo tal vez tira de eso ahí abajo, acuerdo, y guarda ese mapa. Y puedes ver de inmediato solo reformatear cosas no es necesariamente siempre la forma en que lo hubieras formateado. Y, pero a eso le falta el punto. Es el hecho de que está bastante obstinado y va a tomar su decisión cada vez. Y tú haces tu pontino en esa decisión. Acabas de estar en la herramienta, decide la mejor forma de formatear y olvidarte de ello. Te tardarás un par de días en acostumbrarte a eso porque aún
tendrás algunas dudas reñidas sobre dónde quieres, si quieres comentarios al final de los objetos o si quieres espacio alrededor de los corchetes en JavaScript argumentos. Pero confía en mí, contento, una vez que sueltas esas cosas, como te puedes imaginar, los desarrolladores han pasado horas debatiendo este tipo de cosas, si se trata de tener una cámara al final de los objetos y la última propiedad, valor
clave, si se trata de medios espacios alrededor de las cosas. Yo también puedo recordar tener argumentos sobre estas cosas, pero tú solo dejas ir todas esas cosas. Si eres inflexible en que quieres hacer algunos ajustes bonitos sí te da un poco de margen de maniobra, lo cual puedes ver si miras aquí el archivo de configuración. Si quisieras hacer uno, podríamos hacer archivo JSON básico y entonces podríamos decidir, por ejemplo, a la tableta. Y podríamos decidir, perdón, seis Jason, ¿no? Y podríamos ir ocho porque en el archivo de opciones aquí, gran advertencia sobre el ancho de impresión aquí. Entonces voy a dejar eso en paz, pero tú podrías elegir. Puedes establecer el ancho superior si querías convertir pestañas o espacios, y si quieres punto y coma, comillas,
pocas cosas diferentes aquí, trailing comas espacio entre corchetes en todas esas cosas buenas. Seré honesto, solo dejo esas cosas. Bueno, ahora lo haré. Muchas opciones no eran las que hubiera tomado, pero me alegré con Pantone y solo dejé que la herramienta se encargara de ello y terminé con la gente con la que estaba trabajando. Todos estábamos contentos de dejar ir esas cosas y luego lo guardaríamos. Pongámoslo. Tiendo a ponerlo en la raíz de mi carpeta de usuario. Entonces, no importa qué proyecto esté usando en algún lugar de la raíz, va a ir hasta que encuentre ese archivo. Por lo que nos dice aquí queremos que esto se guarde como. Entonces voy a ir por este. Puedes poner una, una bonita llave en tu paquete.json. Eso tiene más sentido si tienes diferentes configuraciones en diferentes proyectos. Yo sólo voy a meterlo bien en el realismo. A más guapa, ya veré. Entonces sólo voy a subir más guapa, voy a decir. Entonces. Sólo me vas a dar una advertencia sobre los archivos de punto. Y eso será eso. Entonces de ahí en adelante cuando abrí el archivo y lo guardé convertiría los espacios, pestañas. Tengo un poco de drama. Se sentaron en mi, no porque los estuviera usando VM en lugar del sencillo Nodo instalado
que se baja de internet y hacer el click Instalar a través. Si lo estás haciendo de esa manera, no
deberías tener ninguno de estos problemas. Entonces es solo una instalación rápida, pequeña configuración de bit, y luego puedes sonreír cada vez que guardes tu código ya que todo el trabajo de burro lo maneja la computadora por ti. Y eso es todo. Eso es más bonito. Si no estás usando más bonita en el código front-end 2021, probablemente
estés perdiendo mucho tiempo. Yo recomendé.
49. Plugin: terminus: Terminus es un plugin que te dará un terminal dentro de tu sublime instalación de interfaz de texto, igual que cualquier otra cosa que estemos instalando. Es Paleta de Command. Y luego solo haces tablero de control de paquetes. Esa cosa probablemente más simple de buscar fue simplemente instalar paquete. Tú eliges eso, ve. Obtengo todo el registro de todas las cosas, tipo y terminus. Y luego es una instalación muy rápida. Acabo de hacer la instalación. Se tarda unos segundos. Una vez que eso está instalado, entonces obtienes un terminal que refleja prácticamente lo que tienes en tu ventana de terminal normal. Para que veas los estoy usando powerline 10 K. Aquí está el tema terminal que estoy usando aquí. Pero sin embargo agregue su configuración de terminal es cómo va a aparecer aquí por defecto porque no necesariamente se tomaron exactamente lo mismo que lo hacen en su terminal existente. Entonces un par de grandes cosas sobre terminus que vale la pena conocer. Si tienes el foco dentro de ese dolor. Si utilizas el mismo atajo que es Comando y coma, obtendrás la configuración de terminus abierta inmediato para ti para que puedas hacer las ediciones a la propia terminal. Un par de cosas a tener en cuenta aquí, igual que los ajustes normales y las preferencias nulas y sublime, los predeterminados para siempre a la izquierda y los ajustes de usuario o más a la derecha. Para que veas que solo hay un par de cosas que tengo nivel. El primero es que he elegido una cara de fuente diferente para geost, ventana deterministas. Y eso es porque me da esos glifos de Lockean funky para en una marcha,
si estás en una rama en particular dentro y lo que sea. También se puede ver ahí, hay, hay un tema ambientado ahora. El tema predeterminado, cuando lo carga, terminus, trató de parecer como lo hace en la terminal. Básicamente muchos de los textos estaban escondidos y todo eso. Pero una de las grandes cosas de Tim es, es que si haces una búsqueda en paleta de comandos para terminus, o bien generar tema de usuario, que tipo de te hace el predeterminado, pero probablemente más útil como el tema de holgura. Y lo que esto te permitirá hacer. Si miras el panel de terminus a continuación, puedes ver aquí que simplemente elegirías algo que mejor se adapte a tu sensibilidad. Entonces podría ir como ella bastante biblioteca de libros o igual revoca a Angelie. Entonces sí, lo otro que probablemente querrás hacer es agregar, tal vez, tal vez no. Yo quería apostar un atajo para entrar y salir
ventana que los muchos tipo de mentalidad para mandar y t. Así mandamiento,
té, ollas, yo, determinantes ventana abierta. Entonces si queremos hacer o ataduras de claves, solo
podemos hacer una búsqueda de aprendizajes clave. El único que tengo configurado al minuto es que he elegido
agregar super T y no solo cambia mi panel de terminus. Y ahí tienes. Eso es esencialmente todo lo que hay que saber sobre terminus.