Aprende los secretos de código de Visual Studio

1. Introducción a la clase: ¿Estás usando el editor de código Visal Studio y quieres mejorar tu productividad, entonces esta clase es extranjera Si quieres explorar los secretos ocultos de esta identificación, entonces podemos comenzar nuestro viaje. Vamos a aprender sobre Amit, paleta común, atajos de teclado, espacios de trabajo y significado Esta clase revela secretos ocultos sobre editor de código de Visual Studio y mejora su viaje de codificación. Entonces finalmente, como pueden ver, estamos en la pantalla de mi computadora. Y aquí puedes ver, ya buscamos VSCode en Google, necesitamos visitar este sitio web, code.visualstudio.com Visual Studio code es un editor de código redefinido y optimizado para construir y Dvogging modernas aplicaciones web y en la nube, y es completamente gratuito, y es compatible con la mayoría del sistema operativo, Windows, Linux, Mac y Este editor está hecho por Microsoft. Y viene con muchas características como Dvagging, resaltado de sintaxis, finalización inteligente de código, fragmentos, refactorización de código Se introdujo por primera vez en 2015, hace casi seis años, y personalmente es mi editor de código favorito. La mayoría de la gente lo llama editor de texto codeditor de lo contrario ID. Este es el video de introducción del editor de código de Visual Studio. En el siguiente tutorial, vamos a aprender cómo podemos descargarla e instalarla. Gracias por ver este video, mantente atento a nuestro próximo tutorial 2. Instalación y descarga VS Code: Así que bienvenidos, chicos. Una vez más, estoy en la pantalla de mi computadora. Así que vamos a hacer clic en este sitio web. Oye, recuerda, el código de Visual Studio y Visual Studio es diferente. No intentes descargar Visual Studio. Necesitas descargar el código de Visual Studio. Como puede ver, es gratuito, construido sobre código abierto y funciona en todas partes. Y aquí puedes ver las opciones de descarga. Si hago clic en este Dbrown, aquí lo pueden ver, lo pueden descargar para el sistema operativo Windows de Macao, el sistema operativo Linux Soy usuario de Windows, así que lo voy a descargar para Windows. Voy a presionar el botón de descarga. Como puedes ver, comienzan nuestros procesos de descarga. Tardamos uno o dos minutos en descargarla, así que voy a pausar este video. Entonces, como puedes ver, nuestro proceso de descarga está completo. Pero antes de intentar instalarlo, veamos la documentación. Si haces clic en la opción de configuración, aquí puedes ver diferentes métodos, cómo puedes configurar el código de Visual Studio en tu sistema operativo. Si eres usuario de Linux, entonces necesitas seguir este método. Del mismo modo, si eres usuario de Mac, entonces necesitas seguir este método. Y no es un proceso muy difícil. Soy usuario de Windows, así que voy a seguir este método. Entonces ahora vamos a abrir la carpeta de descargas e intentar instalarla. Aquí puedes ver el archivo Xi del código de Visual Studio. Entonces solo presiona con razón. Ahora es necesario presionar Abrir, lo contrario, ejecutar como administrador. Puedes elegir cualquier opción. Presiono Abrir. Si tienes tiempo, puedes leer el acuerdo de licencia. De lo contrario, puede continuar con trastornar el acuerdo, y luego hay que presionar siguiente. Entonces es necesario seleccionar la ubicación de destino. Se puede instalar cualquier carpeta o cualquier unidad, pero me gustaría ir con la opción Deford Presiono siguiente. Entonces pide carpeta Menú Inicio, y me gustaría ir con opción Deford Voy a dar clic en Siguiente. Si quieres crear el ícono de Escritorio, entonces necesitas tim esta opción. Con eso, si quieres abrir tu archivo o carpeta, solo usando la opción Ratti, entonces también necesitas tim esta opción y luego necesitas presionar siguiente nuevamente Aquí puedes ver las selecciones de impuestos adicionales. Qué seleccionamos ya en nuestra estancia anterior. Entonces voy a presionar la opción Instalar. Como puedes ver, nuestro proceso de instalación ya comenzó y lleva un poco de tiempo. Aquí puedes ver que nuestro proceso de instalación está completo y voy a desmarcar el código Lunch Visual Studio, y voy a hacer clic en Finalizar. Ya no necesitas esta configuración x, si quieres eliminarla, sí, puedes. Completamos nuestro proceso de instalación y descarga. En el siguiente Tutorial, vamos a abrir nuestro código de Visual Studio por primera vez. Gracias por ver este video, estén atentos para nuestro próximo tutorial. 3. Interfaz de código de Visual Studio: Hola, chicos. Me alegro de verte de vuelta. Es hora de abrir Visual Studio C. Aquí, voy a presionar clic derecho y voy a presionar Abrir. Aquí puedes ver la ventana. Si abres esta aplicación por primera vez, podrás ver este tipo de maquetación. Aquí puedes elegir tu propio tema. Si quieres trabajar con luz delgada, entonces puedes elegir claro, de otro modo oscuro, de lo contrario, alto contraste. Me gustaría ir con oscuro, así que selecciono tema oscuro. Puedes elegir luz, alto contraste, como desees, pero me gustaría ir con oscuridad. Estas son todas las características de esta aplicación, y si deseas sincronizar con otro dispositivo, puedes elegir esta opción. Aquí puedes sincronizar tu aplicación con otros dispositivos, y luego necesitas verificar las opciones de acceso directo. Si quieres trabajar con atajos, entonces puedes seleccionar este. Los atajos son muy útiles para la productividad. Es reducir su tiempo de codificación y aumentar la eficiencia, y luego necesita verificar el soporte de alcance para todos sus idiomas. Aquí puedes ver todos los lenguajes soportados, Javaspeed Python, Java, TypeScript, C plus, JSON, Power Shells , etcétera En esta sección, ¿puedes ver cómo puedes administrar tu código? ¿Cómo puedes elegir tus carpetas? ¿Cómo puedes escoger tus archivos, etcétera? Y luego voy a alabar la siguiente sección. Esta no es la sección muy especial. Es solo decirte ¿qué puedes hacer con esta aplicación? Voy a revisar todas estas opciones. Para la productividad, puedes abrir ventana lado a lado, puedes instalar Git. Además, puedes personalizar tus atajos. Después de verificar todo esto, debes presionar Marcar Listo. Ahora puedes ver estas opciones. Desde esta sección, puedes crear nuevo archivo, puedes abrir un archivo, puedes abrir carpeta, y también puedes ver tu trabajo reciente en esta porción. Además, no es una página muy importante. Si no quieres volver a ver esta parte, desmarca esta opción y cierra esta sección Vamos a zonificar un poco esta aplicación. De lo contrario, no puede entender correctamente la barra de navegación y nuestros iconos. Frase sonora Control plus y Control plus otra vez. Espero que ahora lo puedan ver ellos. Vamos a iniciarlo. Aquí puedes ver la barra lateral y aquí puedes ver la barra de navegación. De lo contrario, se le puede llamar actividad Val. Como puedes ver, nuestra primera opción es exploder. Si hago clic en él, no se puede ver ninguna carpeta op. Aquí podrás administrar tu carpeta y archivos. Nuestra siguiente opción es la opción de búsqueda. Desde aquí, puedes buscar cualquier palabra clave. Además, tenemos una opción de reemplazo. Si quieres reemplazar alguna palabra o un carácter, sí, puedes. Nuestra siguiente opción es controlar. De lo contrario, se le puede llamar control de origen. Puedes hacer todas las cosas relacionadas desde esta sección. Hablemos de nuestra siguiente opción, que es la opción Dvag Si eres programador Python o desarrollador JavaScript, entonces sería una muy buena opción para tu nicho. Puedes devug tu código desde esta sección. Hablemos de nuestra siguiente opción, que es la extensión. Desde esta sección, puedes descargar muchas extensiones. Como puedes ver tus extensiones de instalación desde esta sección, instala. Las extensiones son muy útiles. Aumenta tu productividad y ahorra tu valioso tiempo. Vamos a conocerlo en nuestros próximos tutoriales. Nuestra siguiente opción es la opción de cuenta. En esta opción, puedes firmar tu cuenta, y luego venir la opción más importante, que es administrar. A partir de aquí, puede obtener la opción de paleta de comandos. Usando Common palette, puedes hacer cualquier cosa que quieras hacer. Se puede abrir cualquier archivo. Si desea ejecutar alguna función desde la paleta de comandos, puede hacerlo. Si quieres cambiar de tema, sí, puedes. Desde la paleta de comandos, puedes hacer de todo. Hablemos de nuestra siguiente opción, que es la configuración. Desde la configuración, puede administrar tamaño de fuente de guardado automático de la familia de fuentes, toque el tamaño Puedes cambiar muchos ajustes de acuerdo a tus necesidades. Hablemos de otra opción importante, que es el atajo de teclado. Los atajos de teclado son muy importantes en visas para su coordinador. Desde esta sección, puedes encontrar todos los atajos y también puedes editar las teclas de método abreviado. Si quieres cambiar alguna tecla de método abreviado, entonces necesitas presionar este ícono de lápiz, y aquí necesitas escribir tu atajo. Te enseñaré más adelante ¿cómo podemos cambiar estos atajos? Hablemos de nuestras próximas opciones. Aquí puedes ver fragmentos de usos. Nuestra siguiente opción importante es el tema de color. Si quieres cambiar el tema, puedes usar este. Supongamos que quieres ir con tema más ligero, entonces puedes usar este. Puedes elegir cualquier tema. Es un pre. A mí me gustaría ir con uno oscuro. Dud por defecto. Nuestra siguiente opción es el tema de icono de archivo. Si quieres cambiar los iconos de archivo, para aquí puedes cambiar los temas de iconos de archivo, y también puedes instalar temas de iconos de archivo según tu necesidad. Estas son la opción de gestión más importante que debes conocer como principiante. Esto es para este tutorial. En nuestro próximo Tutorial, vamos a hablar de menusación Gracias por ver este video. Estén atentos para nuestro próximo tutorial. 4. Menú de código de Visual Studio: Hola, es bueno verte. Una vez más, estoy en mi editor de código de Visual Studio, y en este tutorial, vamos a aprender nuestra sección de menú. En primer lugar, verá el menú de archivos encima del código de Visual Studio. Si hago clic en la sección de archivos, puedes ver una opción desplegable. Aquí puedes ver Nuevo Archivo. Con esta opción, puede crear un nuevo archivo en su directorio de puntos actual Si hago clic en la opción Nuevo Archivo, básicamente va a crear un archivo de texto simple. Déjame mostrarte. Aquí puedes ver, es solo crear un archivo de texto simple. Por ahora, no necesito este archivo de texto, así que lo voy a quitar. Veamos nuestra siguiente opción, que es Nuevo archivo nuevamente. Si hago clic en él, se puede ver la terminal. Ahora puedes crear tu nuevo archivo usando terminal. Necesitas presionar Control N. Aquí puedes verlo crear un nuevo título de archivo uno. No necesito este archivo, así que quiero eliminar. Veamos nuestra siguiente opción, que es nueva Ventana. Si hago clic en él, aquí puedes verlo crear otra ventana. A veces necesitamos múltiples ventanas para nuestros proyectos. Veamos nuestra siguiente opción, que es abrir archivo. Si desea abrir un archivo existente, puede seleccionar esta opción. No tengo ningún archivo. Por eso no voy a darle click. De igual manera, si quieres abrir una carpeta, en ese caso, puedes seleccionar esta opción, abrir carpeta. Entonces si quieres abrir un archivo desde tu Wpress, entonces debes seleccionar esta opción Abra Wpress desde archivo. A continuación, te proporcionará los archivos recientes. Mediante esta opción, puede seleccionar su trabajo reciente. Si quieres borrar tus archivos recientes, sí, puedes usar esta opción. Aquí archivo reciente abierto. Hablemos de nuestra siguiente opción, que es agregar carpeta a tu trabajo. Pero antes de la pregunta es, ¿qué es el lugar de trabajo? Workpas es la colección de una o más carpetas que se abren en VSCode De la siguiente opción, puedes guardar tu workpice si quieres duplicar tu workpice usando esta opción, y luego venir la opción normal Guardar, Seb Sebas SIBO, auto Seb, y luego vienen las preferencias de opción Sebas SIBO, auto Seb, y luego Desde esta opción, puede administrar configuraciones, configuraciones de servicios en línea, configuraciones de telemetría, extensiones, atajos de teclado, accesos directos de teclado de migración, fragmentos de usuario, tema de color, temas de iconos de archivos, temas de iconos de productos, y también puede activar la configuración teclado de migración, fragmentos de usuario, tema de color, temas de iconos de archivos, temas de iconos de productos, y también puede activar Básicamente, puedes controlar toda esta opción desde estos ajustes. Aquí puedes ver los ajustes similares en nuestra opción de gestión. Hablemos de nuestra siguiente opción, que es cerrar Ventana. Si quieres cerrar esta ventana, entonces solo presiona esta opción, y nuestra última opción es Z. Si quieres que sea tu editor de código visual studio, entonces necesitas presionar Z. Esta fue la introducción del archivo Min Hablemos de Editar Min. Si haces clic en Editar Bo, aquí puedes ver deshacer, rehacer, cortar, copiar, pegar, buscar reemplazar buscando archivos, reemplazar en archivos, líneas de toalla, comando de bloque de toalla, y yo Todas estas son opción muy útil, pero la mayoría de las veces usamos atajos para ello. Hablemos de nuestra siguiente opción de menú, que es la selección. Si hago clic en él, aquí se puede ver, seleccionar todos. Para eso, para seleccionar tu código todo, puedes presionar Control A, y lo sabes. Entonces ven a ampliar la selección. Si desea ampliar su selección, entonces necesita presionar enviado toda flecha derecha siguiente es la selección de santuario. Para eso, es necesario alabar enviado todo flecha izquierda. Y esto viene copia línea abajo. Y esto viene Copy line up. Usando esta opción, puede crear la copia de línea por encima de esta línea. De la manera opuesta, tenemos línea de copia abajo. Esta es la opción más importante. En el sentido contrario, tenemos otra opción que es copiar línea abajo. Si quieres copiar una línea por debajo de la línea actual, en ese caso, puedes usar esta opción. No te preocupes. Vamos a aprender todo esto en nuestra sesión práctica. Esto es solo un video de introducción de manubar. Nuestra siguiente opción es la línea Bob. Usando esta opción, puede mover una línea hacia arriba. De igual manera, tenemos otra opción que es Bob line down. Usando esta opción, puedes mover tu línea hacia abajo. Si quieres duplicar tu selección, entonces solo tienes que seleccionar esta opción, duplicar selección. Entonces ven al cursor arriba, a los autos están abajo, a los autos son dos líneas. Nuestra siguiente opción es agregar a la siguiente ocurrencia, agregar a ocurrencia anterior, seleccionar toda ocurrencia y estiércol. Hablemos de nuestro próximo menú, que es vista. Desde la vista, puede abrir palé de comando. También puedes controlar la apariencia. Esta es la parte más importante. Desde esta sección, puede cambiar el diseño de su aplicación. Si quieres que sea completamente skin, sí, también puedes encender Zeno Con eso, puedes centrar tu diseño. Y además, si quieres ocultar tu maniobra, sí, puedes Simplemente desmarque esta opción. Si quieres mostrar tu barra lateral, déjame mostrarte si marco esta opción, puedes ver la barra lateral. Esta es la sección más importante que debes recordar. Si quieres ocultar la guerra de estado, desmarca esta opción. Como puedes ver, oculta nuestra bombilla de estado. Nuestra bombilla de estado es muy importante, así que la voy a visival. Apariencia, quiero mostrar mi bombilla de estado. Además, si quieres ocultar tu actividad de bulbo de estado, puedes destomar esta opción Ahora, si quieres mostrar la terminal, en ese caso, solo tienes que ir a ver sección, apariencia y activar Mostrar Panel. Ahora puedes ver nuestra terminal. Hablemos de nuestra siguiente opción, apariencia, mostrar panel lateral. Si tomo esta opción, se puede ver el panel lateral. Por ahora, no quiero mostrar el panel lateral, así que me voy a dar la vuelta abierta. Apariencia, desate el panel lateral. Oye, nos perdimos otra opción importante, que es actividad palabra, apariencia, mostrar actividad b. si desmarca esta, puedes ver que no hay palabra de actividad en nuestro lado labial Escondo nuestra barra de actividades. Quiero mostrar mi sala de actividades. Es muy importante para mí. Mostrar palabra actividad. Veamos nuestras próximas opciones. Ver, apariencia mover barra lateral derecha. Aquí puedes ver la barra lateral. Si presiono esta opción, déjame mostrarte que puedes ver la barra lateral en nuestro lado derecho, pero yo una a lado barra en nuestro lado del labio, así que voy a moverla lado del labio. Veamos cuál es nuestra siguiente opción, ver apariencia. Posición del panel. Si lo hago laboratorio, puedes ver la diferencia. Ahora puedes ver nuestro panel de terminales abierto, deja lado de esta pantalla. También se puede cambiar la posición del terminal. Apariencia y ahora quiero formar un panel lateral derecho. Entonces presionar a la derecha. Ahora puedes ver nuestro lado derecho de nuestra aplicación, pero es bueno si la colocamos abajo. Voy a colocarlo panel inferior posicionar abajo. Veamos nuestras próximas opciones. Ver apariencia. Nuestra siguiente opción es alinear panel. Desde esta posición, puede alinear su panel central justificar laboratorio a la derecha. La siguiente opción importante es acercar y alejar. Si presiono acercar, se puede ver el tamaño de la fuente. Aumenta el tamaño de la fuente. A medida que aumenta el tamaño del layout. Del mismo modo, puede alejar esta sección, apariencia Alejar. Veamos nuestra última opción de aparición, que es restablecer Zoom. Si hago clic en él, va a restablecer nuestro Zoom y volver a él es la posición predeterminada. Nuestra siguiente opción de vista es el diseño ital, y vamos a aprender todo al respecto en nuestra sesión práctica. Aquí tenemos algunas opciones. Dividir, dividir, dividir let, dividir a la derecha, dividir en grupo, simple, dos columnas, tres columnas, dos filas, tres filas, cuadrícula, dos filas a la derecha, dos columnas inferiores y diseño de deslizamiento. Lo vamos a aprender en nuestra sesión práctica. Cuando creamos nuestro primer archivo y escribimos código SM, entonces vamos a aplicar todo esto. Hablemos de nuestra siguiente opción, que es exploder. Si quieres encender el explorador, puedes ver que este es nuestro explorador. Esta no es tan importante. Una vez más volví a nuestra opinión, nuestra siguiente opción es buscar Gana esta opción. Luego viene otra opción importante, y luego viene otra opción importante, que es la gestión del control de fuentes. Desde aquí, se puede controlar la versión. Si estás familiarizado con él, hay votos muy útiles. Nuestra siguiente opción es correr. Si hago clic en él, puedes ver la opción de correr. Es una opción de devuging media. Desde aquí, puedes ejecutar y devug tu código. Hablemos de nuestra siguiente opción, que es la extensión, y ya la hemos aprendido. Podemos descargar extensión desde este lugar. Veamos nuestras próximas opciones, lo cual es problema. Si hago clic en él, va a abrir mi terminal y redirigir a la sección de problemas, como pueden ver. Y nuestra siguiente opción está fuera. También es redireccionar a la sección de salida del terminal, luego a Diva Console y terminal. Veamos nuestras últimas opciones de vista, que es mostrar mapa medio, mostrar cámaras de apuesta, renderizar Wit press y renderizar personajes de Contle Vamos a aprender al respecto cuando iniciemos nuestro core. Hablemos de nuestra siguiente opción de menú, que es ir. Herc switch editor, switch group, ir a archivo, ir a símbolo Workplace, ir a símbolo Editor, un montón de cosas. Vamos a aprender al respecto cuando iniciemos nuestro código. Nuestra siguiente opción es correr. Aquí podemos comenzar Dvagging ejecutar sin Dvagging. Se pueden agregar configuraciones. Puedes alternar Bekcoins. Puede agregar nuevos Bitcoins, habilitar todos los puntos de interrupción, deshabilitar todos los puntos de interrupción, removibles todos los puntos de interrupción Nuestra siguiente opción de menú es terminal, y es muy importante. Si hago clic en él, nuestra primera opción, nueva terminal. Si desea crear una nueva terminal, entonces puede seleccionar esta opción. Como pueden ver, ahora tenemos una terminal. Pero si quieres crear otra terminal, entonces ve a la sección de terminales y crea nueva terminal. Ahora se puede ver que tenemos a dos terminales, esta , y esta. Del mismo modo, si desea dividir ambos de este terminal, entonces puede seleccionar esta opción. Como se puede ver, lado a lado, tenemos a dos terminales. Nuestra siguiente opción es correr remolcador. Si quieres ejecutar tus remolcadores en tu terminal, entonces puedes seleccionar esta opción Entonces ven ejecutar Btugs, ejecutar archivos activos, y también puedes ejecutar tu código seleccionado usando esta opción, ejecutar texto seleccionado, y luego venir así corriendo remolcadores, reiniciar corriendo remolcadores, remolcadores terminados Al menos tenemos remolcadores configurados, remolcadores cuentas predeterminados configurados Hablemos de nuestra última opción de menú, que es la salud. Si hago clic en él, primero se muestra Get Start. Si hago clic en esta opción, puede ver la página Get Start. A continuación, mostramos nuestros comandos. Aquí puedes ver todos los comandos en nuestra terminal. Y luego viene documentación, parques infantiles editados, nodo de lanzamiento, palabra clave, preferencia de acceso directo, y podrás ver videos tutoriales y equipos Si quieres ver la versión de tu aplicación, simplemente haz clic en una sección. Aquí puedes ver la versión 1.65 0.2. Además, si quieres actualizar tu aplicación, aquí tienes las opciones. Verifique si hay actualizaciones. Entonces esta es una pequeña introducción de nuestra sección de menú. Vamos a aprender más al respecto cuando comencemos nuestro cool práctico. Así que gracias por ver este video, estad atentos para nuestro próximo tutorio 5. Carpeta de proyecto en vs código: Hola, chicos. Me alegro de verte, B. Una vez más, estoy de vuelta en mi estudio de visitas Cody Detro en este tutorial, vamos a aprender como podemos crear y abrir Carpeta Proyecto Entonces veamos cómo funciona. Al principio, debes hacer clic en el icono del Explorador. Si ya tienes un proyecto, entonces puedes alabar Abrir carpeta. No tengo ningún proyecto. Entonces dentro de mi carpeta downwarad, quiero crear otra carpeta, nueva carpeta Y el nombre de mi carpeta es Vs Demo. Voy a fijar esta. Ahora puedes ver un panel. Pregunta, ¿confías en el autor de este archivo en esta carpeta? Si confías en esta carpeta, entonces revisa esta. Y haz clic en este botón. Sí, confío en el autor. Eso es. Ahora puedes ver en nuestra sección Exploer, estamos en nuestro directorio actual de citas y nuestro directorio es VS demo Esta es nuestra carpeta de proyectos. Al principio, te voy a mostrar ¿cómo podemos crear una carpeta en nuestro directorio de watting actual Para crear una carpeta en nuestro directorio actual de Dorting, necesitamos dar clic en este icono en el icono de carpeta, éste, Carpeta nueva Si hago clic en esto, me pide el nombre de una carpeta. Ahora necesitamos pasar un nombre de carpeta y nuestro nombre de carpeta es CSS. Una vez más, quiero crear otra carpeta, que es Js JavaScript. De lo contrario, puedes crear una nueva carpeta usando Rat Click en tu directorio de trabajo actual, Ratli en él, y aquí podrás ver la opción, nuevo archivo o nueva carpeta Quiero crear una nueva carpeta. Simplemente haga clic en una nueva carpeta y escriba el nombre de su carpeta. Quiero crear una carpeta para medios, así que voy a escribir Media. Entonces, como puedes ver, creamos un total de tres carpetas, CSS, Js y media. Supongamos que quiero crear otra carpeta dentro de la carpeta de medios. En ese caso, necesitamos seleccionar la carpeta de medios. Simplemente haga clic en la carpeta de medios, y ahora podrá ver el lado de la flecha. Está a la baja. Entonces otra vez, haga clic en el icono de la carpeta y deberá pasar el nombre de la carpeta. Y el nombre de nuestra carpeta son las imágenes. Simplemente presione Anchor. Ahora dentro de la carpeta de medios, tenemos carpeta de imágenes. Si te muestro mi gestor de archivos, déjame mostrarte. Aquí puedes ver, hay una carpeta llamada Bs Demo. Si abro este, se puede ver el total de tres carpetas, CSS Js media, y dentro de esta carpeta de medios, tenemos carpeta de imágenes. Espero que no quede claro para ti cómo es el trabajo. Hay que recordar una cosa. Si desea crear su carpeta dentro de su directorio de trabajo actual, entonces no seleccione ninguna otra carpeta. De lo contrario, va a crear una carpeta dentro de esta carpeta. Antes de crear la carpeta, debe hacer clic en afuera, y luego puede crear su carpeta. Supongamos que selecciona la carpeta CSS e intenta crear otra carpeta, fuera de la carpeta CSS. En ese caso, no va a crear plegado fuera de la carpeta CSS. Debe recordar que necesita hacer clic fuera de esta carpeta, luego debe intentar crear otra carpeta. Ahora vamos a crear algún archivo en nuestro directorio de trabajo actual. Para eso, necesitamos hacer clic en este icono, el ícono de archivo, nuevo archivo. Si hago clic en él, es como un nombre fino, y necesitamos proporcionar un archivo con su extensión. Voy a crear un archivo estable, nuestro nombre de archivo es index dot HTML. Si configuro este archivo, se puede ver la extensión. Aquí puedes ver que creamos nuestro archivo de tabla con éxito. Ahora quiero crear un archivo CSS dentro de la carpeta CSS. Para eso, tenemos que seleccionar la carpeta CSS, y luego tenemos que alabar este icono, y nuestro nombre de archivo CSS es estilo punto CSS estilo punto CSS. Y presiona Enter para configurar este archivo. Entonces, como puedes ver, creamos nuestro archivo TML en nuestro directorio de trabajo actual, y también creamos nuestro archivo de estilo dentro de esta carpeta CSS Y usando este icono, podemos actualizar nuestros archivos y carpetas. Y si quieres colapsar todos tus archivos y carpeta, entonces solo tienes que presionar este. Este icono colapsa la carpeta en el Explorador. Se puede ver el resultado. otro método que podemos crear carpetas. No solo eso, podemos crear carpeta usando Path. Déjame mostrarte. Carpeta nueva, quiero crear una carpeta llamada Dave. Demo slash n carpeta demo insetive, quiero crear otra carpeta, que Si hago clic en él, aquí se puede ver dentro de la carpeta demo, tenemos carpeta CS. Y si te muestro mi directorio de trabajo actual, puedes ver el resultado. Dentro de esta carpeta demo, tenemos una carpeta CSS. Siguiendo este método, puede crear archivos y carpetas. Ahora voy a escribir algún código en nuestro documento EstiML. Aquí voy a escribir signo de exclusión de forma, y después voy a presionar Enter Como puedes ver, crea una plantilla de caldera estim. Este es el poder del código VS. No necesitamos escribir múltiples líneas de código para eso. Ya creo nuestras metaetiquetas. Así que vamos a escribir algún código dentro de la etiqueta body. H uno está en la H, voy a escribir hola mundo. Voy a configurar este archivo usando Control is, y también puedes configurar este archivo desde aquí. Ve al Menú Archivo y di, Veamos nuestra siguiente opción, que es la opción de búsqueda. Voy a hacer clic en el icono de búsqueda. Desde aquí, puedes buscar cualquier cosa. Si busco palabra aquí, Word, va a buscar esta palabra en tu audaz proyecto. Y como puede ver, encuentra la palabra en nuestro documento de estimación. Y si quieres reemplazarlo, sí, puedes. Quiero sustituir OR por señor hola señor, señor, señor. Entonces voy a ejecutar el reemplazo. Entonces quiero presionar este ícono. Aquí puedes ver el cuadro de alerta. Presione una ocurrencia a través de un archivo con señor, y voy a presionar represivo Ahora se puede ver en mi índice ese archivo de estimación, reemplaza OR con señor. Hola, señor. Entonces desde esta sección, puedes buscar y reemplazar tu palabra clave en tu proyecto de palabras. Nuestra siguiente opción es Git, y ya terminamos de ganar y no vamos a cubrir esta sección en este tutorial. Es un tema diferente. Posteriormente, voy a crear un tutorial separado para esta sección. Y luego viene Diva. Vamos a conocer esta sección más adelante. Ya sea que trabajemos con un archivo JavaScript o un archivo Python. Entonces esto es todo para este tutorial. En el siguiente tutorial, vamos a cubrir extensiones. Qué es la extensión y cómo podemos instalarla y usarla. Así que gracias por ver este video, estatua para nuestro próximo tutorial. 6. Extensiones de código de Visual Studio: Me alegro de verles chicos. Una vez más, estoy en mi editor de código visual studio. Y en este tutorial, vamos a aprender extensiones. Ahora el es, ¿qué son las extensiones? Las extensiones de VSCode le permiten agregar lenguajes, diversores y herramientas a su instalación para respaldar su flujo Todas estas son extensiones populares. Vamos a instalar una extensión, y nuestro nombre de extensión es el icono de código VS. Voy a escribir íconos. Este, quiero descargar este. Si hago clic en él, aquí se pueden ver muchas opciones. Aquí puedes ver detalles y características de estas extensiones. Puede instalar directamente la extensión para hacer clic en este botón. Y aquí puedes encontrar ¿cuál es la función real de esta extensión? Usando esta extensión, podemos cambiar nuestros íconos, especialmente los íconos de archivos y los íconos de carpetas. Vamos a instalar esta extensión. Quiero hacer clic en Botón de instalación. Después de hacer clic en el botón Instalar, tenemos que esperar mucho tiempo. Y recuerda, tu computadora debe estar conectada a Internet. Como puedes ver, nuestra extensión ha sido instalada, y ahora pide activar esta extensión. Voy a seleccionar iconos de código VS, y también voy a activarlo. Así que instalas y activas con éxito nuestra extensión. Después de completar el proceso de instalación, no podrá volver a ver el botón de instalación. Se puede ver el botón de desactivación, de lo contrario, el botón de desinstalación. Si no te gusta esta extensión, puedes desatarla. De lo contrario, puede desactivarlo. Entonces por ahora, no necesito este espacio, así que lo voy a quitar. Y ahora voy a saltar a la opción Exploder. Aquí puedes ver los iconos. Si nota que puede ver, es cambiar nuestro ícono de archivo STL Además, es cambiar el icono de nuestras carpetas. Para la carpeta CSS, muestra el logotipo de CS, y para la carpeta JS, muestra el logotipo de J. Y si abro los medios de comunicación y las imágenes, aquí pueden ver imágenes logo. Nos ha ayudado mucho organizar nuestros archivos y carpetas. Vamos a instalar otra extensión útil, y nuestro nombre de extensión es Live Server. Este, Live Server de iTibe. Si eres desarrollador web o diseñador, entonces esta extensión es muy útil para ti. Vamos a instalar esta extensión. Entonces hago clic en el botón Instalar. Es el momento de la garrapata para instalar. Por lo tanto, instala con éxito nuestra extensión de servidor en vivo. Después de instalar esta extensión, se puede ver una opción, ir en vivo. Básicamente, esta extensión va a crear un servidor en vivo para tus aplicaciones web. Si trabajas con un proyecto web pequeño, entonces no necesitas software voluminoso como Zam, web y muchos Ahora volvamos a la sección Explode us e intentemos abrir nuestro documento DestL con Live server Índice punto TML, y quiero abrirlo con Live Server. Entonces después de seleccionar esta página, voy a dar click en GoLive como puedes ver, crea un servidor en vivo y además proporciona un puerto Doble cinco doble cero. Si te muestro mi página web, aquí puedes verla imprimir nuestra etiqueta H one, hola señor. Si notas la barra de URL, aquí puedes ver nuestro archivo servido por un servidor, no desde nuestro directorio administrador de archivos. Ahora, volvamos a la sección de extensión. Al principio, voy a eliminar esta palabra clave de la guerra de búsqueda y aquí puedes ver nuestras extensiones instaladas. Totalu instalar a extensión en nuestro CodiorSi esta sección, puede administrar sus Si quieres desatarlo, entonces selecciona esta extensión y haz clic en el botón Unstall Estas son extensión muy útil para mí, así que no la voy a quitar. Espero que ahora te quede claro cuáles son las extensiones y cómo podemos descargarlas e instalarlas. Gracias por ver este video. En el siguiente tutorial, vamos a aprender sobre Paleta de comandos. Estén atentos para nuestro próximo tutorial. 7. Paleta de comandos de código: Hola, chicos. Me alegro de verte de vuelta. Una vez más, estoy en un coordinador de desastres io. En este tutorial, vamos a aprender cuál es el caso de uso de Command Palette. Desde Paleta de comandos, puedes buscar cualquier archivo. Déjame mostrarte cómo. Simplemente elimine el signo mayor que y busque el nombre del archivo. Desde aquí, puedes buscar cualquier archivo. Y aquí puedes ver todo este archivo, que se encuentra en nuestro directorio de trabajo actual. Supongamos que está trabajando con un proyecto grande y tiene muchos archivos en su directorio de trabajo actual. En ese caso, puede buscar el archivo en particular usando la Paleta de comandos. Simplemente escriba el nombre del archivo. Supongamos que quiero abrir el estilo Dot CSS file. Así que aquí voy a escribir estilo Dot CSS. Estilo. Como puedes ver, ya tiene como nombre de archivo. Aquí puedes ver que es el archivo de Openur. Si usas pelo de soporte angular, entonces puedes ejecutar muchas funciones como mostrar llamadas entrantes, mostrar llamadas próximas y muchas más. Puede agregar punto de interrupción de la función de comando de línea. Supongamos que desea cambiar el tema de color de esta aplicación. En ese caso, se puede utilizar la paleta de comandos. Simplemente escriba color, y podrá ver que los preparenss proporcionan tema de color Si hago clic en él, se pueden ver muchas opciones. Estudio de visera oscura oscura, MonoCird Si uso Monocy aquí puedes ver el Si desea abrir la Paleta de comandos mediante el acceso directo, sí, puede hacerlo. Solo alaba Control forma B. Quiero mi tema de color oscuro de vuelta, así que voy a cambiar el tema de color una vez más. Oscuro más, oscuro predeterminado. Para nuestro siguiente ejemplo, voy a abrir mi archivo de estimación. Aquí puede ver abro mi archivo STL. Pero en tu lado derecho, aquí puedes ver el minimapa de este archivo Aquí puedes ver el minimapa de este archivo tamil. No quiero mostrar este minimapa en mi pantalla, si quieres ocultarlo, necesitas ir a ver opción y luego ocultar minimapa Ahora no se puede ver el minimapa. Volvamos a mostrar el minimapa. Voy a ver opción y mostrar minimapa. Ahora quiero ocultar este minimapa usando nuestra paleta de comandos Al principio, voy a presionar Hoja de control P. Luego después de señal redundante, voy a escribir minimapa Aquí puedes ver Toggle Miniman. Si hago clic en él, se puede ver una ocultar nuestro minimapa. De igual manera, si quieres mostrar este minimapa, solo tienes que ir a tu paleta de comandos y luego Toggle Miniman Ahora vuelve a mostrar tu minimapa. Como pueden ver, abro un documento TML. Y si quieres buscar alguna etiqueta en particular, sí, puedes usar la paleta de comandos también. Déjame mostrarte cómo. Al principio, voy a encender la paleta de comandos usando Control Ship P y después voy a revocar mayor que signo Y aquí voy a teclear hoja a la tasa. Como puede ver el tipo superior a la tasa, suss toda la etiqueta de estimación uno por uno Etiqueta de cabeza, metaetiqueta, metaetiqueta otra vez porque tenemos un total de tres metaetiquetas en nuestra página. Por eso sugiere tres metaetiquetas. Luego etiqueta de título, etiqueta corporal y etiqueta H one. Si vendo una etiqueta de título, se puede ver que se redirige a la etiqueta de título. Del mismo modo, si abro mi carpeta JS, aquí se puede ver un archivo script dot js. Y si abro este archivo JavaScript, aquí pueden ver que tenemos un total de dos funciones. Supongamos que tiene muchas funciones en su archivo script. Y se quiere encontrar una función en particular, pero es muy difícil de detectar. Entonces, una vez más, puedes usar Paleta de Comandos. Déjame mostrarte. Control Nave P, voy a quitar el mayor que el pecado, y aquí voy a escribir a la tasa. Y aquí lo puedes ver ya usa nombres de función y nuestro nombre de función y nuestro nombre de primera función es 2 Celsius y nuestro segundo nombre de función es mi función Estos se llaman símbolos, y es canción tutor dos resultado. Si elijo la función M, como pueden ver, es redirigir a mi función. Desde aquí, puede cambiar directamente cualquier variable, cualquier función. Desde aquí, puede cambiar directamente a cualquier variable o cualquier función. Básicamente, lo usamos cuando tenemos muchas funciones. Entonces este es el caso de uso básico de la paleta de comandos. Puedes hacer muchas cosas usándolo. Puede abrir terminal, puede ejecutar funciones. Puede agregar comando de línea y manual. Entonces esto es todo para este tutorial. En el siguiente tutorial, vamos a aprender sobre la configuración, estas opciones. Así que gracias por ver este video. Estén atentos a nuestro siguiente tutorial. 8. Configuración de código de Visual Studio: Hola, chicos, me alegro de verles de vuelta. Una vez más, estamos en el editor de código de Resource Studio. Y en este tutorial, vamos a aprender sobre la configuración del estudio de usuario. Como puedes ver, en ajustes, tenemos a dos opciones usuario y espacio de trabajo. Aquí puede establecer diferentes configuraciones para el usuario y el espacio de trabajo. Y aquí puedes ver una gran cantidad de opciones relacionadas con configuraciones, configuraciones relacionadas con editor de texto, configuraciones relacionadas con la insignia de palabras, configuraciones relacionadas con la ventana, configuraciones relacionadas con características, configuraciones relacionadas con la aplicación, configuraciones relacionadas con la seguridad y configuraciones relacionadas con la extensión. Del mismo modo, si haces clic en la opción Workspace, podrás ver casi la misma configuración y en este tutorial, vamos a cambiar la configuración relacionada con el usuario. Aquí puedes ver que hay un montón de opciones relacionadas con la configuración. No vamos a cubrir todos estos en este tutorial. Básicamente, voy a cubrir lo que necesitamos como principiante. Como puede ver, nuestra primera configuración de uso común es el guardado automático Por defecto desactiva el guardado automático. Si hago clic en este desplegable, aquí puedes ver que hay tres opciones arriba el retraso en el cambio de enfoque, en Cambio de ventana Supongamos que escribe su código y después de escribir su código, se le olvidó guardar el archivo. En ese caso, si eliges la opción upped, luego de algún tiempo, automáticamente guarda tu archivo Y si eliges la opción de cambio de enfoque, entonces va a guardar el archivo cuando pierda el foco. Si elige en el viento para cambiar, entonces el editor guarda automáticamente cuando la ventana pierde el foco. Si siempre te olvidaste de guardar tu código, entonces puedes elegir esta opción. De lo contrario, me gustaría ir con configuración predeterminada porque cuando termino mi código, siempre presiono Control A para guardar mi archivo. Hablemos de nuestra próxima configuración, que es el tamaño de fuente. Pero antes voy a abrir mi archivo de tabla índice. Como puedes ver, por defecto, nuestro tamaño de fuente es de 14 píxeles, y aquí puedes ver el resultado. Si aumento el tamaño de fuente, 22 píxeles y luego configuro este archivo, y luego vuelvo a la página estable, se puede ver el resultado. Ahora puedes ver el tamaño de la fuente. Ahora se ve mucho más grande que el anterior. Volvamos a la configuración, y voy a usar la configuración de fuente predeterminada, que es de 14 píxeles. Porque te voy a mostrar el mejor método, cómo puedes aumentar tu tamaño de fuente. Si vuelvo a la página de estimación, aquí puedes ver ahora nuestro tamaño de fuente es 14 Bixel Si presiono Control plus, como pueden ver, aumenta nuestro tamaño de fuente. Como puede ver con el tamaño de fuente, aumenta el tamaño de diseño de nuestra aplicación. Quiero decirlo en general Zoom nuestra aplicación, pero no la quiero. Voy a alabar Control menos. Quiero escalar mi tamaño de fuente usando scroll. Para eso, necesitamos volver a la configuración para que puedas buscar la configuración particular de esta palabra de búsqueda nuestra configuración es rueda del mouse, rueda del mouse, Zoom esta. Si marco esta opción y luego vuelvo al archivo tv y presiono Control, si giro la rueda del mouse, puedes ver el resultado. Con mi rueda del ratón aumenta nuestro tamaño de fuente. Si presiono Control y giro mi mouse hacia abajo, se puede ver que disminuye el tamaño de la fuente. Usando este método, puedes controlar el tamaño de tu fuente. Definitivamente, es un muy buen método para controlar el tamaño de tu fuente. Volvamos a la opción de configuración nuevo y voy a eliminar el Qard de nuestra búsqueda y volver a la configuración de uso común Nuestro siguiente ajuste es la hambruna de fuentes. Desde aquí, se puede cambiar la fuente. Puedes elegir cualquier fuente aquí, pero me gustaría ir con la predeterminada. Nuestra siguiente opción es el tamaño del grifo. Por defecto, nuestro tamaño de grifo venía con cuatro. Déjame mostrarte lo que es el tamaño del grifo. Si te muestro mi punto índice StiverFle, aquí puedes ver la brecha de tamaño del grifo Aquí puedes ver la brecha del tamaño del grifo. Como puedes ver, si cuentas los personajes, uno, dos, tres, cuatro, es tope total cuatro caracteres. Si quieres aumentar el tamaño de toque predeterminado , sí, puedes. Volver a la configuración. A partir de aquí, puedes aumentar o disminuir el tamaño del grifo. Nuevamente, no es un escenario muy importante. Déjame mostrarte otra configuración importante que necesitas como principiante. Para eso, necesitas lamer el texto u opción. Y aquí se puede ver una opción de formato de nombre. Simplemente haz clic en él. Aquí puedes ver algunas opciones importantes. Formatear al pegar, formatear en Guardar, formatear en modo Sab, formato en tipo y menú Si marca esta opción, entonces cuando pegue su código en su archivo, luego formatee automáticamente su código. Personalmente, no me gusta esta opción. Nuestra siguiente opción es el formato a la venta. Si marca esta opción, entonces cuando guarde su archivo, formateará automáticamente su código. Déjame mostrarte el ejemplo de cómo funciona. Así que voy a volver a mi página HTML de punto índice, y aquí voy a crear una etiqueta profunda. Dev y dentro de esta etiqueta dip, voy a crear etiqueta span, span, y dentro de la etiqueta span, voy a crear etiqueta de párrafo. P. Como puedes ver, no está formateado correctamente. Cuando configuro este archivo, como pueden ver, formatea automáticamente nuestro código. Entonces este es el caso de uso de la configuración. Hay otra configuración de formato que es formato por tipo. Si marca esta opción, entonces mientras escribe su código, automáticamente formatea su código. Déjame mostrarte otra configuración importante. Voy a hacer clic en los ajustes de uso común. Aquí puedes ver una opción llamada WordAP. Usando estos ajustes, puede controlar cómo se debe envolver la línea. ¿Qué significa eso? Déjame mostrarte un ejemplo. Para eso, una vez más, necesitamos volver al archivo TML aquí voy a escribir Blurin Gm 100. Si presiono Enter, crea una oración ficticia usando 100 palabras Si configuro este archivo, como pueden ver , está completamente en blanco. Pero la pregunta es por qué. Si quieres ver tu código para eso, necesitas mover el scoleword horizontal Ahora puedes ver tu código. Como puedes ver, nuestro contenido está sobrevolado desde esta área de texto Si quieres ver tu contenido dentro de esta área, en ese caso, necesitas activar WaDap. Déjame mostrarte. Vaya a la sección de visualización y luego consulte WadAP. Como puedes ver, ahora tu contenido es completamente visible y no hay barra horizontal. De igual manera, si desmarca esta opción, como pueden ver, nuevamente, nuestro contenido sobrevoló desde esta Volvamos a la configuración y si enciendo esta opción, Watrap encendido y volvamos al archivo de estimación de punto índice, aquí puedes ver que nuestro contenido está perfectamente envuelto Si aumentas el tamaño de fuente o disminuyes el tamaño de fuente, pase lo que pase, siempre es envolver tu contenido. Hablemos de nuestra próxima configuración, que es el tamaño de fuente del terminal. Ahora la pregunta es ¿qué es terminal? Aquí puedes ver una opción terminal. Si hago clic en una nueva terminal y aquí, si escribes algún texto, puedes ver el tamaño de fuente. Como puedes ver se ve bastante pequeña. Para ello, necesitamos buscar una configuración, que es la fuente integrada terminal. Voy a escribir aquí. Aquí voy a teclear terminal integrarlo punto fuente. Aquí puedes ver el tamaño de fuente del terminal. Si aumentas el tamaño de fuente 18 píxeles, puedes ver el resultado. Ahora nuestro tamaño de fuente terminal es de 18 píxeles, pero me gustaría ir con 14 píxeles. Si desea cambiar la configuración manualmente, Wizard Studio proporcionaría el archivo JSON. Déjeme mostrar. Los cambios que hemos hecho aquí, podemos hacer los mismos cambios en JCNFle Si te desplazas un poco, puedes encontrar opciones esta. Editar en configuración JcnFle. Si das click en él, puedes ver esta JCNPage. A partir de aquí, podemos cambiar todos estos ajustes. Si recuerdas, encendemos nuestro Watrap Es por eso que el WATrP editado está encendido También nuestra opción de formato al guardar está activada. Por eso está escrito cierto. Si recuerdas nuestra configuración de zoom de la rueda del mouse, verificamos nuestra configuración de zoom del weel del mouse Por eso está escrito cierto. Si recuerdas, usamos una extensión para nuestros iconos de explorador. Por eso puedes ver el tema del icono de Warwnsdt , Íconos de código de jarrón Cualesquiera que sean los cambios que haya realizado, puede ver todos estos cambios en el archivo de configuración dot Jason. Recuerda, al configurar el archivo Json dot, no puedes ver la configuración predeterminada. Solo puedes ver los ajustes que has cambiado. Básicamente, puedes cambiar cualquier configuración de este archivo JSON. Si quieres apagar, el mouse hará zoom. Sí, puedes. Simplemente reprimir con fv. Eso es. En el futuro, si buscas algo en desbordamiento de pila, entonces podrías obtener un dato JSN como este Necesitas usar el JSNode aquí, y es posible que necesitemos usar el código JSN para algunas extensiones en Es un expediente muy importante. Puede encontrar este archivo en el usuario de su unidad C, su PC, luego los datos de la aplicación, luego la carpeta Roaming, el código, el usuario. Dentro de esta carpeta de usuario, puede encontrar el archivo GSN de configuración Entonces esta es nuestra configuración, y también puedes cambiar la misma configuración en tu lugar de trabajo. Pero básicamente, me gustaría cambiar la configuración en mi usuario, no el trabajo. Y estos ajustes son suficientes como principiante. Así que gracias por ver este video, estén atentos para nuestro próximo estudio. 9. Atajos de teclado de código de Visual Studio: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy en mi coordinador de Visual Studio. En este tutorial, vamos a aprender la parte más importante de este tutorial, que son los atajos de teclado. Para encontrar atajos de teclado, debe hacer clic en administrar, luego puede encontrar atajos de teclado y simplemente hacer clic en. Aquí puedes ver todos los shortcums de teclado. Sé que ya tienes conocimientos sobre shortcums de teclado Estos son los atajos más básicos, copiar Control C. Para tarjeta, control, como saben, por triste usamos Control A. Pero ¿sabías cuál es el atajo para guardar todo el archivo a la vez? Para eso, tenemos que encontrar guardar todos. Guardar todo. Aquí puedes ver una opción, guardar todos los archivos. Y como puedes ver, no hay ningún atajo creado para esta opción. Voy a crear un atajo para eso, que es control es A. quiero decir control, guardar todo y luego voy a presionar Enter. Veamos cómo podemos usar este atajo. Voy a hacer algunos cambios en mi archivo TML. Voy a proporcionar un espacio. Además, voy a hacer algunos cambios en mi archivo CSS, de rojo a gris. Y también voy a hacer algunos cambios en mi archivo script, 07. Aquí se puede ver en el icono de mi explorador, totalmente hicimos tres cambios en tres archivos. Por eso parpadea tres. Usemos nuestro atajo e intentemos guardar todo el archivo a la vez. Nuestro atajo es control es A. Como puede ver, después de presionar Controles A, guarda todo el archivo a la vez. Por eso no se puede ver el número en nuestro explorador. Si te muestro mi lápiz Sass file, es gris. Si te muestro mi archivo de raíces raíz índice, también es guardar nuestro archivo. Usando el Control A, solo podemos guardar nuestro archivo de activación. Pero usando atajo, podemos guardar todo el archivo a la vez. Déjame mostrarte otro atajo útil, que es copiar línea abajo. Esta es una de las flechas hacia abajo de barco atajo más útiles. Veamos qué podemos hacer con este atajo? Voy a volver a mi archivo CSS styler, como pueden ver, selecciono esta línea Aquí voy a alabar a Shep todo flecha hacia abajo. Como puede ver, crea una misma copia debajo de esta línea, pero quiero cambiar la tecla de método abreviado Cpline hacia abajo Para eso, tenemos que volver atrás los atajos de teclado y aquí tenemos que elogiar esto, este icono de edición. Ahora necesitamos hacer nuestro nuevo atajo para copyine down, que es Control D. Pero el problema es que este comando ya existe, y aquí se puede ver el comando, Control D, en la sección para el siguiente hallazgo coincidente Puede causar algunos problemas cuando usas la tecla de método abreviado. Tenemos que cambiar la tecla de método abreviado, y voy a cambiarla. Voy a crear una nueva tecla de método abreviado para el siguiente hallazgo, que es la flecha hacia abajo de la nave. Así, aquí tenemos intercambiar las teclas de método abreviado entre sí. Básicamente, no trato de recordar todas las teclas de método abreviado. Recuerdo esas teclas de método abreviado que más uso. Déjame mostrarte otra tecla de método abreviado más importante, que es agregar comando de línea. Es una tecla de método abreviado muy útil. Con esta tecla de método abreviado, puede agregar comando de línea. Por defecto, la tecla de método abreviado es Control K, Control C. Déjame mostrarte cómo podemos usarlo. Si vuelvo a mi archivo de estilo o SASS y utilizo este atajo Control K, Control C, puedes ver el comando de línea Se agrega un comando en esta línea. Pero para este trabajo en particular, quiero crear mi propia tecla de método abreviado. Voy a editar este, que es Control Z. voy a presionar Enter Entonces si vuelvo a mi archivo CSS y aplico Control Z, puedes ver que también está en un comando en esta línea. Según tu nicho, puedes averiguar tu tecla de método abreviado y también puedes cambiar tu tecla de método abreviado. Esta es la belleza del editor de código de Visual Studio. Esto es para este tutorial. En el siguiente tutorial, vamos a aprender sobre terminales. Gracias por ver este video, estén atentos para nuestro próximo tutorial. 10. Terminal de código: Hola, chicos. Me alegro de verte de vuelta. Una vez más, estamos en mi estudio Visa codeditor en este tutorial, vamos a aprender sobre terminales Desde aquí, se puede abrir una nueva terminal. Si hago clic en nueva terminal, como pueden ver, se crea una nueva terminal. Con eso, si quieres crear múltiples instantáneas, sí, puedes. Simplemente haga clic en la última diapositiva y cree otra terminal. Puedes crear múltiples terminales como quieras. Como pueden ver, estamos en segunda instancia aquí voy a escribir algún texto aleatorio. En nuestra primera instancia, voy a escribir algún número uno, dos, tres, cuatro, cinco. Yo solo escribo el número y se necesita porque cuando salto a otra terminal, se puede entender la diferencia. A veces necesitamos ambos terminales, uno para servidor final de fuente, otro para servidor backend Por defecto, este terminal usa PowerShell, Windows PowerShell No sólo eso, se puede cambiar el color de la terminal también, hacer clic derecho sobre él, y aquí se puede ver la opción, cambiar de color. Para nuestra segunda terminal, voy a usar color verde. Aquí puedes ver la diferencia. Aquí puedes ver ahora nuestra terminal, te puedo llenar de color verde. No solo eso, también puedes renombrar el laboratorio de terminales, hacer clic derecho sobre él, y aquí puedes ver la opción de renombrar. Ahora voy a renombrar este laboratorio de terminales y voy a volver a escribir. Usar el color es muy conveniente para cambiar. Puedes identificar tu caparazón muy fácilmente. Ahora bien, si quieres dividir tu terminal, quiero decir en su momento quieres abrir ambos terminales, luego haz clic en esta opción, dividir terminal. Ahí se puede ver lado a lado, se abre a terminal. Por ahora, no quiero dividirme , así que voy a eliminar esta. Si quieres mover tu terminal en tu área de editor, entonces puedes usar esta opción, mover terminal al área Editor. Si haces clic en esta opción o terminal, muévete al área del editor. Si quieres matar tu terminal, entonces puedes usar esta opción. Matar terminal. De lo contrario, puede utilizar el botón de borrar. Éste. Si hago clic en este menú desplegable, aquí puedes ver Power Shell, símbolo del sistema, terminal JavaScript, terminal split, y muchas más opciones. En algún momento necesitas abrir el baile de Comando. Entonces en ese caso, es necesario presionar esta opción. Vamos a abrir un baile de graduación de comando. Voy a hacer click en él. Aquí puedes ver es abrir un comando prom, aquí puedes ver la diferencia entre el icono del símbolo del sistema y el icono de Powershell. Déjame mostrarte una cosa. Cuando intento crear una nueva terminal, por defecto es usar Windows PowerShell, pero no quiero que Windows Powershell sea la opción predeterminada En ese caso, debes ir a esta opción desplegable y aquí debes seleccionar tu perfil predeterminado. Desde aquí, se puede ver el comando desde power shell, Java St de terminal, Windows powershell Voy a verlo común desde. Ahora bien, si creo una nueva terminal, como pueden ver, por defecto, es el comando abierto de Windows desde, no el shell de alimentación. Por ahora, me gustaría ir con uno por defecto, así que voy a cambiar la configuración. Que es Windows Power Shell. Una vez más, si creo una nueva terminal, como puedes ver, es crear Windows Powershell a partir de este icono, puedes maximizar tu terminal Si hago clic en él, se puede ver que ocupa todo el espacio. También si quieres matar tu terminal, luego vuelve a tu extremidad terminal y presiona el ícono de eliminar. Recuerda, si cierras tu terminal, no significa que elimines todas las terminales. Yo no mato tus terminales. Déjame mostrarte. Si vuelves a la sección de terminales y haces clic en nueva terminal, como puedes ver, con terminal antigua, crea otra nueva terminal. Debido a que no matamos a nuestra terminal, simplemente cerramos nuestro panel de terminales. Si quieres matar tus terminales, entonces necesitas presionar este ícono Digital. Si tienes problema en tu código, puedes checar a través esta sección de problemas para la salida, necesitas hacer clic en esta sección sección de salida. Si quieres excavar tu código, en ese caso, necesitas presionar a Diva Conso Esta es la introducción básica de la sección de terminales VSCode Io, ahora es ser para ti. Gracias por ver este video, estad atentos para nuestro próximo estudio. 11. Función adicional Vs code: Hola, chicos. Me alegro de verte. Una vez más, estamos en mi editor de código de estudio Visa. Y en estos años de tutor, vamos a aprender algunas buenas características que te van a ayudar a abogar. Como puedes ver, ya abrimos nuestro archivo de tabla índice, y como puedes ver, usamos clases en nuestras etiquetas, contenedor más uno más dos clase tres, pero quiero reemplazar toda la clase con ID. En ese caso, tenemos conformidad. Quiero cambiar toda la clase a la vez. Para eso, necesitamos seleccionar uno de esta clase, y luego tenemos que presionar derechazo aquí se puede ver una opción, cambiar todo de acuerdo De lo contrario, puede presionar Control. Si selecciono esta opción, como puedes ver, selecciona todas las clases. Ahora voy a sustituir todas las clases por ID. B ID. Como puedes ver, reemplaza todas las clases con ID. Este método es muy útil cuando quieres cambiar el nombre de tu función, lo contrario, cualquier etiqueta o palabra clave incorrecta. Entonces, cuando tengas que cambiar alguna palabra clave a la vez, en ese caso, puedes usar toda la opción de ocurrencia. Sólo tienes que seleccionar la palabra clave y luego alabar a la derecha N, y aquí podrás ver la opción, cambiar toda ocurrencia. Hablemos de nuestra siguiente característica, que es ir a la línea. Como pueden ver, tenemos un total de 26 líneas y la mayoría de las veces trabajamos con proyectos muy grandes como mil 2000 proyectos de línea. En ese caso, es muy difícil encontrar el número exacto de línea. Pero en Visual Studio cod editor, es muy fácil. Simplemente haz clic en Control y Z. es la carta corta como puedes ver, abre nuestra paleta de comandos Luego después de Colón, necesitas tocar el número de línea. Quiero saltar a la línea número nueve. Quiero presionar nueve. Como puedes ver, ya seleccionamos nuestra línea número nueve. Si haces clic en él, también apuntas a nuestra Karza en esa posición Déjame mostrarte nuestras siguientes características útiles, que es la definición de función. Para eso necesitamos abrir nuestro archivo JS. Como pueden ver, en nuestro archivo JS, tenemos que dos funciones, 2 Celsius y mi función. Y aquí puedes ver, llamamos a nuestras funciones. También abrimos nuestra función en nuestro conso. Supongamos que tienes cientos de funciones en tu código, y luego es muy difícil detectar cómo creas tu función. En ese caso, puede utilizar la opción de definición de función. Simplemente seleccione el nombre de la función y luego haga clic derecho sobre él, y aquí puede ver, ir a definición. Si hago clic en él, como pueden ver, se redirige a nuestra función, 2 Celsius. Pero si quieres abrir el panel de definición de funciones sin moverte, en ese caso, necesitas seleccionar la función, luego hacer clic en ella, y aquí puedes ver una opción llamada Pico. Después haga clic en esta opción y seleccione Definición de pico. Como se puede ver, parpadea una nueva Ventana y se redirige a definición de esta función dos celdas, sí. Desde aquí, también podrás cambiar tus funciones. Después de cambiar su función, puede guardar, y luego puede eliminar esta ventana. Este es el poder del editor de código de Visual Studio. Ahora, déjame mostrarte nuestro próximo largometraje. Para ello, voy a abrir otro archivo o archivo CSS con estilo Como pueden ver, abrimos un total de tres archivos, pero no necesito este estilo de archivo CSS, así que voy a cerrarlo. Pero accidentalmente, cierro el archivo JavaScript. Fue un archivo muy importante para mí, y también olvidé el nombre del archivo que cerré. Necesito mi archivo de vuelta, pero en mi directorio de pedidos actual, hay muchos archivos. En ese caso, podemos usar un short. Para eso, necesitamos elogiar Control Shift T. Como puedes ver, reabrió nuestro archivo cerrado Y ya aprendes sobre esta opción, que es ventana dividida. Si hago clic en esta opción, como pueden ver, como pueden ver, dividimos nuestra ventana, y ahora podemos ver dos archivos de avance en nuestra pantalla. Puede crear una división múltiple acuerdo con el tamaño de su pantalla. Depende de ti cuántos split quieras. Esta opción es muy útil cuando se tiene pantalla ancha. Ahora te voy a mostrar cómo puedes abrir tus carpetas de proyectos. Para estos, voy a crear una nueva Ventana, y voy a cerrar esta. Digamos, ya conoces un método básico que como podemos abrir la carpeta Project. Para ello, tenemos que ir al Menú Archivo y luego tenemos que seleccionar esta opción carpeta abierta. Desde aquí, podemos abrir nuestra carpeta. Esta es nuestra carpeta de proyectos. Simplemente seleccione la carpeta y luego presione Seleccionar carpeta. Como puedes ver, abre nuestra carpeta. Pero te voy a mostrar a otro método que cómo podemos abrir nuestra carpeta de proyectos. Entonces voy a ello este código de visual studio. Para eso, tenemos que ir adentro a nuestra carpeta de proyectos, y luego tenemos que presionar a la derecha. Aquí puedes ver una opción abierta con CO, y luego necesitas presionar esta opción. Como puedes ver, abre nuestra carpeta de proyectos. Y si no muestras esta opción cuando estás justo en tu carpeta, significa que no marques esta opción cuando instalas el código sult Studio Déjame mostrarte otro método para que puedas abrir tu aplicación de código isalstuio Primero, debes entrar en tu carpeta de proyecto, y luego debes escribir CMD en tu parcela de carpetas, CMD. Y luego presiona Enter. Como puedes ver, abre tu paleta de comandos. Y aquí necesitas atar Codespace punto. Punto de espacio de código y, a continuación, pulse Intro. Como puedes ver, abre nuestra aplicación, y también abre nuestra carpeta de proyectos. Esto es para este tutorial. En nuestro próximo Tutorial, vamos a conocer más atajos de teclas. Así que gracias por ver este video. Estén atentos para nuestro próximo tutor. 12. Tecla de acceso directo adicional de código de Visual Studio: Hola, chicos. Me alegro de verte de vuelta. Una vez más, estamos en mi código de Visual Studio. En este tutorial, vamos a aprender más teclas de método abreviado. Básicamente, usa pull one. Aquí puedes ver dentro del contenedor paren, tenemos un total de tres artículos profundos, uno, dos, tres, pero decidimos mover nuestro tercer artículo profundo por encima del segundo artículo Dev Entonces normalmente necesitamos cortar este y necesitamos pegar por encima del segundo ítem Dev, pero no queremos hacer eso. Así que estoy de vuelta a la posición anterior usando Control Z. y ahora voy a mostrarte la tecla de atajo cómo podemos mover esta línea Si quieres moverlo hacia arriba, luego selecciona la línea y luego presiona Alt flecha hacia arriba. Como puedes ver, esta tecla de método abreviado mueve nuestro código hacia arriba. Del mismo modo, si quieres moverlo hacia abajo, selecciona la línea y presiona Alt flecha hacia abajo. Esta tecla de método abreviado mueve nuestra línea hacia abajo. Supongamos que quiero mover este continente D dentro este tercer ítem de dB o que necesitamos moverlo hacia abajo. Tenemos que seleccionar esta línea, y luego tenemos que presionar lt y flecha hacia abajo. Se puede ver el resultado. Si quieres moverlo hacia arriba, presiona y luego acelera la flecha hacia arriba. Ahora hablemos de otra útil tecla de método abreviado. Supongamos que quiero copiar esta etiqueta H one, pero quiero copiar esta hacia arriba usando la tecla de método abreviado. En ese caso, necesitamos seleccionar esta línea y necesitamos presionar nave Alt, flecha hacia arriba. Como puedes ver, hizo una copia de H una etiqueta. Por defecto, Visual Studio vino con esta tecla de método abreviado, y ya lo sabes, puedes cambiar tus teclas de método abreviado. De igual manera, si quiero copiar esta línea hacia abajo, en ese caso, necesitamos presionar nave Alt flecha hacia abajo. No solo eso, puedes copiar varias líneas a la vez. Simplemente selecciona esas líneas, cuánta línea quieres copiar y luego alabar barco remolcado, lo contrario flecha hacia arriba, de lo contrario flecha hacia abajo según tu nicho Como pueden ver, copié tres de esta línea a la baja, si quieren comentar alguna línea, en ese caso, necesitan elogiar el control hacia adelante slash Como puedes ver comenta esta línea. Y si quieres eliminar este comentario, en ese caso, necesitas seguir la misma tecla de método abreviado, Control hacia adelante slash Puede usar la misma tecla de método abreviado para comentar varias líneas. Ahora quiero seleccionar toda la palabra hola una por una. En ese caso, necesitamos seleccionar la palabra, y luego tenemos que presionar Control, y luego necesitamos presionar Control D para seleccionar el siguiente hola. Si quieres seleccionar la otra palabra hola, en ese caso, necesitas presionar continuamente Control D. Va a seleccionar toda la palabra hola una por una, pero tenemos una mejor solución para eso seleccionar toda la palabra a la vez. Para eso, necesitamos seleccionar esta palabra hola y luego tenemos que presionar y necesitamos seleccionar cambiar toda ocurrencia. Como puedes ver, selecciona toda la palabra hola a la vez. Al mismo tiempo, podemos cambiar la palabra y podemos escribir palabra nueva. Pero si quieres seleccionar la palabra una por una, entonces necesitas presionar Control D. Además, puedes seleccionar selección múltiple con otro método. Selecciona la palabra y presiona todo y luego selecciona esta sección donde quieras seleccionar. Como puede ver, al mismo tiempo, seleccionamos un total de cuatro líneas. Este es otro método de atajo. Si quieres cortar alguna línea, en ese caso, necesitas presionar Control X. Y si quieres presionar esta línea en cualquier lugar, conoces el atajo Control V. Y si quieres resaltar alguna línea, supongamos que quiero resaltar esta línea de título, entonces necesitamos presionar Control L. Como puedes ver, resalta la línea. Entonces estas son todas las teclas de método abreviado básicas, y estas son muy importantes. Definitivamente, las teclas de método abreviado son muy impactantes para nuestra productividad Entonces esto es todo por este tutorial, gracias por ver este video. 13. Emmet vscode parte 1: Hola chicos. Me alegro de verte de vuelta. Una vez más, estamos en mi código de Visual Studio edito. En este tutorial, vamos a hablar de A. Es una característica invi del editor de código de Visual Studio Así que vamos a abrir nuestro índice punto HTML cinco, y voy a quitar todo el código de este documento. Entonces para seleccionar todo el código, y voy a quitar. Y ahora les voy a mostrar nuestro primer ejemplo de emisión. Por eso, voy a alabar hoja Snovon firmar. Aquí se puede ver la abreviatura de emitir, y si presiono Enter, de lo contrario, presione tab, como puede ver, se crea plantilla de caldera DML Así que no necesitamos escribir código de alineación múltiple para crear esta plantilla de caldera Ahora dentro de esta etiqueta corporal, voy a crear H una etiqueta H una. Como puedes ver, si presiono Enter , completa nuestra etiqueta. Ocurrió por culpa de Amit. Ahora dentro de esta etiqueta H one, voy a escribir hola mundo. Y ahora decides crear cinco etiquetas I. Para eso, también puedes usar AMI. Solo necesitas escribir I, estrella, cinco. Si presiono tabulador, lo contrario Enter, como puedes ver, crea cinco Littag si intentas crear una Diptag con clase, sí, puedes. Déjame mostrarte cómo. Punto profundo, ahora necesitas poner el nombre de tu clase. El nombre de nuestra clase es MyClass. Si presiono Enter, de lo contrario tab, como puedes ver, crea una etiqueta profunda con nombre de clase, y nuestro nombre de clase es MyClass Puedes ahorrar mucho tiempo usando Amit. Es una característica incorporada del editor de código Vs. No es necesario instalar ningún enchufe para eso. También este editor de código viene con autosazación. Déjame mostrarte. Voy a abrir un archivo js, scrip dot js. Ahora voy a llamarlo función. Aquí voy a llamar a la función A Celsius. Si escribo PO, como pueden ver, tal como el nombre de la función demasiado Celsius. Este es el video de introducción de Amit. partir del siguiente tutorial, vamos a aprender a fondo sobre Amit Así que gracias por ver este video, mantente atento a nuestros próximos tutoriales. 14. Emmet vscode parte 2: Hola, chicos. Me alegro de verte de vuelta. Una vez más, estamos en mi editor de código de Visual Studio, y este es otro tutorial relacionado con Emet. Y en este tutorial, vamos a conocer características más avanzadas sobre Emet. Al principio, voy a eliminar esta estructura de SMS. Y ahora voy a crear la misma estructura estimus con diferente método En nuestro método anterior, como sabéis, escribimos signo de exclamación, y luego presionamos Enter otherwise tab Pero en este tutorial, vamos a crear la estructura de estimación escribiendo TM HTML. Como se puede ver recomienda la mesa cinco. Si selecciono esta , como puede ver, crea la misma plantilla de caldera TML Si quieres crear una etiqueta profunda con clase, en ese caso, necesitas escribir Dev dot className, my class Este es nuestro método anterior, pero en este tutorial, te voy a mostrar otro método. No necesitas escribir el nombre de la etiqueta, necesitas escribir punto mi clase. Entonces necesitas presionar etiqueta. Como puedes ver, crea la misma etiqueta profunda. En nuestro método anterior, necesitamos especificar el nombre de la etiqueta. Pero en este método, no necesitamos especificar nuestro nombre de etiqueta, sino que solo es trabajar con etiqueta profunda, no con la otra etiqueta. Si quieres varias clases en tu etiqueta, sí, puedes. Supongamos que quiero crear una etiqueta con encabezado, o el nombre de la clase es la clase uno. Con eso, quiero agregar otra clase. Para eso, necesitas usar punto una vez más, y luego debes escribir la clase dos. Si presiono Enter, como puedes ver, crea H una etiqueta con dos clases, clase uno y clase dos. De igual manera, si quieres crear una etiqueta con ID, en ese caso, necesitas escribir Dev hashtag y tu nombre de identificación. Identificación uno. Si presiono tabulador, como pueden ver, se crea una etiqueta profunda con ID uno. Si quieres crear clase e ID a la vez, en ese caso, el, si quieres proporcionar IDF entonces escribe tiene tu ID uno Con eso, si quieres proporcionar clase, entonces necesitas presionar dot class name. Clase uno. Si presiono Enter, como puedes ver, crea una etiqueta profunda con ID uno y clase uno. Como saben, TML five vino con etiquetas grandes como pie de página. De manera normal, es necesario escribir Pie de página. Pero si usas AMT en ese caso, solo necesitas escribir TR Si presiono Enter, como puedes ver, crea la etiqueta Puta. Por lo que puedes usar Corto fromm de esta etiqueta. Del mismo modo, para la cabecera, necesitamos escribir HDR. Si presiono Tab, como puede ver, crea etiqueta de encabezado. Am vino con mucha taquigrafía de hot tag, y te lo voy a contar más tarde de donde podamos conseguirlo Ahora vamos a crear un párrafo, P. Dentro de este párrafo, voy a escribir una oración. Se trata de la Parár. Esta es la forma normal de escribir contenido en nuestra etiqueta. Pero si usas Amit, en ese caso, puedes escribir así, tu nombre de etiqueta, P y dentro del ala prass necesitamos proporcionar nuestro contenido Voy a escribir hola mundo. Si presiono Enter, como puedes ver, pone nuestro contenido dentro de esta etiqueta de párrafo. Este es el beneficio de usar AMI. Si quieres crear esta etiqueta con clase, sí, puedes. Solo necesitas escribir p dot el nombre de tu clase. Clase uno. Entonces dentro del Calirass necesitas escribir tu texto. Hola mundo. Al mismo tiempo, puedes crear ID de clase, y también puedes poner tu contenido. Todo se vuelve fácil después de usar AMT. Puedes poner tu contenido fácilmente. No necesitas recordar tus etiquetas, y además no necesitas preocuparte por tus etiquetas de cierre. Esto es para este tutorial. En el siguiente tutorial, vamos a conocer más. Así que gracias por ver este video. Estén atentos para nuestro próximo tutorial. 15. Emmet vscode parte 3: Hola, chicos. Me alegro de verte de vuelta. Una vez más, estamos en mi editor de código de Visual Studio. En este tutorial, vamos a trabajar con elementos hijos. ¿Cómo podemos crear fácilmente elementos hijos con la ayuda de emit? Al principio, voy a seleccionar todo el código dentro de esta sección de cuerpo y lo voy a quitar. Supongamos que dentro de la etiqueta dip, quiero crear una etiqueta de párrafo. En ese caso, necesitas escribir D, mayor que signo y el nombre de tu etiqueta, que es P. Si presiono, como puedes ver, dentro de esta etiqueta dip, crea etiqueta de párrafo. Déjame mostrarte este ejemplo una vez más. Entonces después de la etiqueta Dip, dentro de esta etiqueta profunda, quiero crear la etiqueta UL Child. Después dentro de la etiqueta L child, quiero crear otra etiqueta child, que es Eli. Si presiono Enter, como pueden ver, dentro de esta etiqueta dip, tenemos child, que es UL y dentro de esta etiqueta EL, tenemos otra etiqueta child, que es Eli. Ahora DB es nuestro abuelo. UL es nuestro padre y Eli es nuestro hijo. Ahora con esa etiqueta, quiero poner contenido al mismo tiempo. Para ello, tenemos que seguir este camino. B, luego mayor que Seno después de etiqueta hijo mayor que seno. O child tag es P, y quiero poner contenido dentro de esta etiqueta P. Después de la etiqueta P, necesitamos usar calibss dentro de este calivss voy a Si presiono tarta, como pueden ver, dentro de esta etiqueta padre profunda, tenemos la etiqueta child, que es P, y dentro de esta etiqueta P, colocamos con éxito nuestro contenido, hola mundo Ahora, déjeme mostrarle otro ejemplo. Voy a revocar este , y aquí voy a escribir B mayor que Sine UL, mayor que Sine Dentro de esta etiqueta UL, quiero poner AI, AI y dentro del sculyss voy a Pero quiero cuatro etiquetas LI dentro de esta etiqueta UL. En ese caso, necesitamos usar signo de multiplicación, multiplicar por cuatro Si presiono Enter, como pueden ver, dentro de esta etiqueta profunda, tenemos etiqueta UL dentro de esta etiqueta UL, tenemos un total de cuatro etiquetas LI. Este método fue bueno, pero esta no es la solución dinámica. Quiero decir que repita el ítem cuarta vez. No frant item one item two item three, porque es un proceso estático Pero con la ayuda de emitir puedes hacerlo dinámico. Déjame mostrarte. Entonces dentro de esta etiqueta L, quiero crear la etiqueta LI. Después dentro del Bro, quiero escribir IM una vez más. IM, pero esta vez, voy a usar el signo de dólar, y quiero multiplicar cuatro, si presiono Enter, como pueden ver, repunte el ítem, imprima el ítem uno, el ítem dos, el ítem tres, y el ítem cuatro Dinámicamente puso valor numérico para estos elementos. En nuestro lenguaje de programación para este trabajo, necesitamos usar loops. Pero en AIT en un solo paso, podemos obtener este resultado. Recuerda, puedes multiplicar tu etiqueta, solo usa el signo de multiplicación Supongamos que quiere H una etiqueta tres veces. En ese caso, H uno, multiplicar por tres. Si presiono Enter, puedes ver el resultado. Déjame mostrarte otra demostración. Pero antes, voy a revocar esta. Ya aprendes cómo podemos crear múltiples elementos hijo en una sola línea usando Amit. Pero esta vez, quiero poner contenido en cada etiqueta. Para eso, necesitamos escribir nuestra etiqueta padre, Dev luego dentro de la alirass necesitamos poner el contenido Esto es v. Entonces mayor que la etiqueta sinusoidal P. Dentro de la coartada voy a escribir esto es Pera. Si presiono Enter, como puedes ver, colocamos correctamente el contenido en nuestra etiqueta padre, también la etiqueta child. No sólo eso al mismo tiempo, se puede asignar ID y clase a estas etiquetas. Déjame mostrarte. Voy a escribir etiqueta DH para ID, nuestro ID es mi ID. Entonces los datos luego firman nuestra etiqueta child, que es P. Dentro de esta etiqueta child, quiero poner algo de contenido y nuestro contenido es, esto es para. Además, quiero asignar una clase a esta etiqueta P. Entonces quiero usar punto, y el nombre de nuestra clase es mi clase. Si presiono Enter, como puedes ver, primero, crea nuestra etiqueta padre, y también le asigna un ID, mi ID también puedes verlo asignarle una clase a nuestra etiqueta de párrafo. Entonces esto es todo para este tutorial. En nuestro próximo tutorial, vamos a hablar de hermanos, cómo podemos crear la estructura de hermanos usando AMI. Así que gracias por ver este video, estén atentos para nuestro próximo tutorial. 16. Emmet vscode parte 4: Me alegro de verles chicos. Una vez más, estamos en mi editor de código de estudio Vis. En nuestro tutorial anterior, aprenderemos sobre cómo podemos crear elementos hijos usando Amit. Pero en este tutorial, vamos a aprender cómo podemos crear estructura de hermanos en HTML con la ayuda de Amit Déjame mostrarte el ejemplo lo que estoy tratando de hablar. Quiero estructurar así, Dev luego después de etiqueta Deep, quiero crear etiqueta de párrafo. Entonces después de la etiqueta de párrafo, quiero crear H una etiqueta. Básicamente, lo llamamos estructura de hermanos. Ahora la pregunta es cómo podemos crear esta estructura usando la ayuda de ame. Para eso, necesitas usar último signo. Déjame mostrarte. Profundo las P más H uno. Si presiono Enter, como puede ver, después de la etiqueta Dep, crea una etiqueta de párrafo, y después de la etiqueta de párrafo, crea H una etiqueta Si quieres poner contenido e ID al mismo tiempo, puedes seguir nuestro método anterior. Déjame mostrarte. Ser, quiero decir, tiene etiqueta, mi IT. Entonces necesitamos usar el signo más. Nuestra siguiente etiqueta es la etiqueta de párrafo. Entonces dentro de esta etiqueta de párrafo, quiero poner algo de contenido. Este es el párrafo. Con eso, quiero crear otra etiqueta, que es H one. Entonces voy a usar de nuevo el signo más. Y después de H uno, quiero asignar un compañero de clase y nuestro nombre de clase es mi clase Si presiono Enter, como puedes ver, establece un ID para D. Además, ponemos nuestro contenido en nuestra etiqueta Padnp Con eso, establecemos una clase en nuestra etiqueta H one. Mediante este proceso de combinación, puede crear múltiples códigos de alineación en una sola línea Entonces este es el poder de emitir. Definitivamente aumenta tu eficiencia. Hablemos de froms, cómo podemos crear froms usando Si escribo desde, como puedes ver, por defecto, viene con atributo action. Pero con atributo de acción, también, quiero definir método. En ese caso, necesitamos escribir desde Cool, puedes elegir tu método. Obtener de otra manera publicar. Voy a elegir el método post. Como puedes ver, viene con método post. Ahora quiero crear una etiqueta de entrada en este formulario. Voy a teclear entrada. Solo entrada. Por defecto, viene con tipo de texto. No sólo eso, puedes usar atajo para eso. Solo necesitas escribir InP. Si presiono Enter, como puedes ver, ya proporciono nombre de tipo e ID, pero no quiero que el texto de entrada escriba todo el tiempo. Quiero checkbox input t. Para eso, necesitas escribir input, luego necesitas usar Colon y necesitas seleccionar checkbox, y puedes ver el resultado verificación del tipo de entrada. Como puedes ver, suzsis todo el tipo de entrada Botón de entrada, casilla de verificación de entrada, color , fecha, oculto, imagen, mes, número, etcétera Y si usas input a, proporciona input type submit. Ahora déjame mostrarte otra característica más inversente de emit Que es texto ficticio. Supongamos que creo un Ptag y dentro de este Ptag, quiero algo de texto dammi Para fines de práctica y desarrollo, la mayoría de las veces necesitamos texto ficticio, pero no entendemos qué vamos a escribir en él La mayoría de las veces copiamos alguna línea de Internet. Pero con la ayuda de Amit, puedes usar el texto de Lam dammi . Déjame mostrarte. Dentro de esta etiqueta P, voy a escribir Loren. Y voy a presionar Enter. Como puede ver, proporciona texto ficticio de alineación múltiple. No sólo eso, también se puede controlar la palabra. Déjame mostrarte. Voy a revisar éste. Una vez más, voy a escribir cargando. Y esta vez, quiero un total de 25 palabras, así que voy a escribir 25. Si presiono Enter, como puedes ver, como puedes ver, proporciono totalmente 25 palabras. Si quieres 300 palabras, en ese caso, necesitas escribir Lorin 300 y va a proporcionar 300 palabras Opera Déjame mostrarte otro ejemplo de cómo podemos usar este texto de Davi con una etiqueta Li Para eso, voy a teclear D en lugar de UL. Dentro de esta etiqueta UL, voy a escribir Lim. Y quiero seis palabras. Quiero presionar seis. Después de seis palabras, quiero repetirlo en total cuatro mareas. Voy a establecer una clase llamada Mt ITM. Multiplicar por cuatro. Si presiono Enter, como pueden ver, dentro de esta etiqueta dip, tenemos etiqueta UL, y dentro de esta etiqueta UL, tenemos total para etiqueta I y también puso diferente damit toda esta etiqueta LI Esto es para este tutorial. Espero que ahora entiendas cómo podemos usar AMI. Gracias por ver este video, estad atentos para nuestro próximo tutorial. 17. Información adicional Vs code: Hola, chicos. Es bueno verte de vuelta. Este es el último tutorial relacionado así estudio. ¿Puedes ver claramente el cursor parpadeante? Nuestro cursor parpadeante es apenas visible en nuestra línea. Podemos hacerlo más visible. Veamos cómo. Para eso, tenemos que ir a la opción de configuración. Voy a dar click en esta sección de amenaza, y aquí puedes ver la configuración Ahora necesitamos buscar una palabra clave, que es Carsel. Como puedes ver en nuestra primera opción, Carselbnking. Desde aquí, podrás controlar el estilo de animación Carsal. Aquí puedes ver mucho estilo de animación, ganar suave, pausar, expandir sólido. Voy a seleccionar expandir. Con eso, voy a cambiar el estilo Kurzel también de línea a bloque Si vuelvo al archivo de ICS, se puede ver el estilo de los autos, cómo se ralentiza. Ahora nuestro cursor es mucho más visible desde nuestro modo anterior. Entonces a partir de esta opción de configuración, puedes cambiar el estilo de los autos. Pero me gustaría ir con uno por defecto. Voy a seleccionar línea y quiero seleccionar parpadeo. Ahora, déjame mostrarte otras opciones importantes. Supongamos que quiere saltar directamente a la carpeta multimedia y quiere abrir esta carpeta multimedia con el Explorador de archivos. Si quieres abrir esta carpeta en tu Explorador de archivos, solo tienes que pulsar clic, y luego debes seleccionar Revelar en el Explorador de archivos. Como puedes ver, abre la carpeta. Esta es una buena opción para abrir su archivo. Si quieres abrir tu terminal en una carpeta en particular, en ese caso, debes seleccionar abrir en terminal integrado. Si selecciono esta opción, como pueden ver, se abre nuestra carpeta de medios. Dentro de esta terminal. No necesitamos escribir comando CD para eso. Podemos abrir directamente nuestra carpeta dentro de nuestra terminal. Hay muchas opciones que puedes aprender en VS Cody Deo Con el tiempo, te convertirás en un experto. Ahora, vamos a saltar a la sección de documentación. Como puedes ver, una vez más, abrimos el sitio web oficial. Ahora voy a saltar a la sección doc. Desde aquí, puedes aprender cómo puedes configurar esta aplicación en tu sistema operativo Linux, sistema operativo Macos, sistema operativo Windows, sistema operativo Raspberry Pi. Si saltas a la sección get start, aquí puedes ver algunos videos de introducción Cómo puedes iniciar esta aplicación. Desde esta sección, puedes aprender cómo empezar, cómo codificar, algunos consejos de productividad, personalizar cómo podemos usar las extensiones. Ya lo aprendemos en nuestro curso. Si haces clic en Tip y Teks, aquí puedes ver algunos consejos y trucos básicos ¿Cómo podemos usar Paleta de comandos ? Cómo podemos usar atajos de teclado y muchos más. Ya lo aprendemos en nuestro tutorial. A partir de esta sección delgada, puede aprender cómo puede cambiar sus temas desde la sección de configuración, puede aprender a cambiar la configuración. Entonces básicamente, aprendo todos los atajos y trucos de esta sección de documentación. Por lo que siempre te diré que sigas la sección de documentación. Gracias por ver este video.