Guía de Emmet + Tips y Consejos para Visual Studio Code

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 116

  • @FalconMasters
    @FalconMasters  3 роки тому +30

    Si te gusto el video dale manita arriba 👍 y no olvides suscribirte!

    • @weekendvideo7056
      @weekendvideo7056 3 роки тому +3

      ¿Para cuándo el curso de BootsTrap 5?

    • @FalconMasters
      @FalconMasters  3 роки тому +1

      @@weekendvideo7056 Muy muy pronto, sera una actualizacion gratuita para mi curso de Bootstrap 4 en Udemy. Pero ahora estoy grabando los 100 videos del curso desde cero.

    • @weekendvideo7056
      @weekendvideo7056 3 роки тому

      @@FalconMasters Sugerencia: Usa Affinity Designer junto con Bootstrap 5.

    • @JesusHernandez-px9lo
      @JesusHernandez-px9lo 3 роки тому

      hola muy buen video oye um video que me recomiendes donde esplique como poner un gif en una pajina wed con html porfabor

  • @hectormartinez1290
    @hectormartinez1290 3 роки тому +3

    La verdad tu canal merece muchas más vistas, eres grande enseñando. Muchas gracias por todos tus conocimientos compartidos y que Dios siempre te bendiga. Un saludo de toda la comunidad.

  • @chicho69-cesar
    @chicho69-cesar 3 роки тому +19

    Hola Falcón solo paso para darte las gracias gracias a tu curso de diseño web en Udemy, logré aplicar los conocimientos en un proyecto y gane un concurso muy importante de la universidad.
    MIL GRACIAS 🤝👏👏

    • @FalconMasters
      @FalconMasters  3 роки тому +10

      Eso es estupendo! Muchas felicidades Cesar, es un gusto que mi curso te haya servido :D
      Gracias a ti por apoyar mi contenido.

    • @cyberttutoriales2890
      @cyberttutoriales2890 3 роки тому

      PODRÍA SABER CUAL ES EL CURSO XFV?

  • @yeivisongarcia9964
    @yeivisongarcia9964 3 роки тому +13

    El tío falcon siempre con nosotros, gracias ❤️

  • @AlejandroGomez-by2bd
    @AlejandroGomez-by2bd 3 роки тому +6

    Tremendo video! Carlos Arturo, deberías llegar a 1 millón de suscriptores. Te lo mereces, has aportado mucho a la comunidad de desarrollores. 👍

  • @samydex156
    @samydex156 4 місяці тому

    bastante util y preciso. Muchas gracias, esto es el verdadero directo al grano y sin rodeos.

  • @fireket
    @fireket Рік тому +1

    12:05 cuando el código está desfasado en mi caso funcionó SHIFT + TAB. La configuración de mi teclado es ENG (latinamerican Keyboard).

  • @hernanarroyo2956
    @hernanarroyo2956 3 роки тому

    Para encerrar algo en una etiqueta se puede hacer seleccionando el contenido y apretando Ctrl+Shift+A.
    VAAAAMOOOO!!! muchas gracias Falcon querido, un abrazo.

  • @domidios2122
    @domidios2122 2 роки тому

    explicando en lo basico eres el mejor a todos los principiante se lo recomiendo wow

  • @gustavorodriguez6098
    @gustavorodriguez6098 3 роки тому

    Una explicacion tan sencilla como esta es lo que buscaba

  • @JuanPerez-nx6hm
    @JuanPerez-nx6hm Рік тому

    Lo máximo, he visto algunos de tus videos, vas bien, explicas bien, ya he visto el de css grid y algunos mas , tambien estoy viendo el de javascript, Bendiciones

  • @JuanPerez-ph2pe
    @JuanPerez-ph2pe 3 роки тому

    Amé este video!! Definitivamente es el canal más útil que he encontrado!!

  • @danielurizar7629
    @danielurizar7629 3 роки тому +1

    Gracias por todos tus videos, muy claros y concretos. Un pequeño aporte: no es necesario escribir div en minuto 2.02, basta con .contenedor#idEjemplo

  • @tecnoja8393
    @tecnoja8393 3 роки тому +4

    Excelente video y súper bien explicado, gracias FM!

  • @Matute2477
    @Matute2477 3 роки тому

    Te Agradezco Mucho Falcon Máster Gracias A Ti Ya Manejo Html Y Css Y Voy Aprendiendo Mas, Tu Eres Al Único UA-camr Que Entiendo Xd
    Gracias Por Tus Clases Eres El Mejor💓

  • @Belforish
    @Belforish 2 роки тому

    Muy buen video excelente para los que queremos aprender y practicar visual estudió code. Me permite inteeiorizarme en la teoría y la práctica. Bendiciones y éxito en tu canal.

  • @predators762
    @predators762 2 роки тому

    Estaba usando Atom, pero me voy cambiar este editor, es mucho mas facil y rapido escribir codigo. Buen video y facil de entender. Un saludo.

  • @airexhabbo5594
    @airexhabbo5594 2 роки тому +2

    MUCHAS GRACIAS BRO!!!! Maravilloso video, te lo agradezco un monton 🔥🔥🔥

  • @matiasdamianlopez
    @matiasdamianlopez 3 роки тому +1

    Como siempre Carlos de lo mejor la web. Saludos y gracias por tu tiempo

  • @josemontoyaguzman239
    @josemontoyaguzman239 Рік тому

    Muy buen contenido @falconMasters!

  • @josephhyu606
    @josephhyu606 3 роки тому

    WACHO VOLVISTE :3
    YA VOY CON PROMEDIO 16 en mis examenes por ti :3

  • @eliasraymundotorres
    @eliasraymundotorres 3 роки тому

    Una consulta como puedo agregar o puedo hacer que me marque el inicio y el final de una etiqueta... tengo mucho problemas en eso!!! es decir se usa mucho el entonces para encontrar el inicio de un me marque donde termina!!! gracias buen video

  • @julianvelez6563
    @julianvelez6563 3 роки тому +1

    Sos un crack falconmasters

  • @alejandroolivera788
    @alejandroolivera788 3 роки тому

    Lo que me hacia falta saber eso, muchas gracias. Un genio !

  • @JuanPerez-ph2pe
    @JuanPerez-ph2pe 3 роки тому +1

    Están buenos los atajos de windows: alt + tab, alt y abajo, win + derecha, alt + espacio, etc. Hay muchos más.

    • @noel1711
      @noel1711 3 роки тому +1

      excelente! buen aporte

  • @jengibresion
    @jengibresion 2 роки тому

    Muchísimas gracias, super completo ♥

  • @d-landjs
    @d-landjs 3 роки тому

    Excelente amigo, de lo mejor!!!

  • @juanpabloaccinelli9259
    @juanpabloaccinelli9259 Рік тому

    Muchas gracias por el video!! Es excelente!!

  • @YaDeszPlay
    @YaDeszPlay 3 роки тому

    El emmet es una locura, pero tu lo haces ver muy facil.

  • @katherinehuamanyauri3014
    @katherinehuamanyauri3014 3 роки тому

    Like!! buscaba justo un video de esto :D

  • @tooperita
    @tooperita 3 роки тому

    The best!! Yo lo combino con tabnine que me viene genial. :)

  • @roberto.melgar
    @roberto.melgar 2 роки тому

    Buena explicación gracias
    una pregunta que debo para autocompletar en cshtml cuando escribo
    que debo instalar por favor por ejemplo cuando escribo row justy.........ya debería sugerirme pero no lo hace, estoy en vs code la última actualización
    muchas gracias

  • @Janselin23
    @Janselin23 3 роки тому

    excelente video,hace rato queria saber estas cosas! gracias

  • @renerios4682
    @renerios4682 3 роки тому

    excelente y para refactorizar el código que se emplea

  • @Toby-kb9lc
    @Toby-kb9lc Рік тому

    Muy buen video! que herramienta es la que nombras al final del video? me gustaria seguir ampliando conocimientos

  • @JeanSantos-by3oi
    @JeanSantos-by3oi Рік тому

    Aa mi cerebro XD, muy bueno el video gracias

  • @caleman-ey2xf
    @caleman-ey2xf 3 роки тому

    Pensé haberlo visto hace años y solo lleva 3 meses. 🤣Entonces donde lo leí. 👀😳

  • @DanielRivera-gh9lw
    @DanielRivera-gh9lw 2 роки тому

    Suscrito, buenas explicaciones!

  • @MrSergio9502
    @MrSergio9502 2 роки тому

    ya me suscribí al tutorial jaja

  • @devsilva7155
    @devsilva7155 2 роки тому

    no sé porque cuando instalo las legacy props en react emmet tarda mucho en cargar, me pasa también al usar vue, emmet tarda en cargar y lo hace algo molesto, como lo puedo solucionar?

  • @chester03088410
    @chester03088410 2 роки тому

    Para teclados en español los comandos cambian por ejemplo para comentar y descomentar es ctrl + }

  • @sauloseguera5319
    @sauloseguera5319 Рік тому

    Cómo se llama la extensión que utilizas para que tú código se vea de colores

  • @cedaleon
    @cedaleon Рік тому

    Como haces para activar el recuadro a un lado con la sugerencia de emmet? a mi ni me aparece

  • @johnnypatino27
    @johnnypatino27 7 місяців тому

    Se puede personalizar el código html que muestra emet al poner ! ???? y como lo haría?

  • @Kain20XX
    @Kain20XX Рік тому

    y como modifico la "plantilla" del -!- que usaste al principio ???

  • @FOXYCRON
    @FOXYCRON Рік тому

    Ami me funciona bien el de autoacompletar pero al poner ul>li*3 no me funciona, como lo puedo solucionar?

  • @lulz2217
    @lulz2217 2 роки тому

    Alguien sabe como muestran los resultados de emmet eso de que salga un preview chiquito? a mi no me sale

  • @Raven_edits777
    @Raven_edits777 3 роки тому

    me gustaria que explicaras seguridad web como lo es lo de inyection sql

  • @ricardocastro8289
    @ricardocastro8289 3 роки тому

    Hola Carlos :D muy buen videp, ultimamente explorando con respecto a los editores de texto me he encontrado con uno bastante curioso, se trata de Vim, seria bueno que hicieras un video sobre el. Tambien explicando si es de utilidad usar la herramienta Kit para Visual Code y sublime

    • @FalconMasters
      @FalconMasters  3 роки тому +1

      Vim es increíble, pero mis habilidades no llegan al punto de utilizarlo aun.

  • @LuisPitaAstengo
    @LuisPitaAstengo Місяць тому

    Excelente lección, solo que dice "control izquierdo" o "shift izquierdo", cuando en realidad puede usar del izquierdo o derecho indistintamente.

  • @1lauta
    @1lauta 3 роки тому

    Genial el video Falcon, vi e hice tus cursos básicos de HTML y CSS en notepad++. Ahora mi pregunta es, con la cantidad de plataformas para trabajar en web (como wordpress), realmente se sigue utilizando el escribir todo el código manualmente? De qué sirve aprender todo esto? Recién estoy iniciando y tengo miles de dudas! Gracias por tanto, sos un genio!

  • @LuisJimenez-uh1zx
    @LuisJimenez-uh1zx 2 роки тому

    A mi no me funcionan todos los atajos por ejemplo el de div*4 o también al crear un nuevo archivo html y ponerle el signo de exclamación no me salta la abreviatura

  • @ricardoxmurga9454
    @ricardoxmurga9454 2 роки тому

    Hola, espero alguno me pueda resolver esta duda, cuando coloco una linea de codigo por ejemplo esta, li*3>a*3[href="#"]{Hola}, me crea todo pero no en cascada y de manera organizada, lo crea todo en horizontal, espero alguien pueda ayudarme con esto.

  • @santiagopoveda3179
    @santiagopoveda3179 2 роки тому

    Tengo un problema, lo que pasa es que el Emmet me funciona en archivos nuevos, pero en un archivo que tengo no me funciona y no me completa las etiquetas ni nada.
    Probé con copear y pegar el archivo en un nuevo archivo html y tampoco funciono.
    Necesito de su ayuda por favor. Gracias

  • @osmarlg
    @osmarlg 3 роки тому

    No me fucione el de SHIFT e Inicio o Fin, se va al inicio o fin pero sin seleccionar la linea

  • @JesusHernandez-px9lo
    @JesusHernandez-px9lo 3 роки тому

    hola muy buen video oye um video que me recomiendes donde esplique como poner un gif en una pajina wed con html porfabor

  • @Zearinox
    @Zearinox 2 роки тому

    no me aparece el snippet con "!" para la estructura basica de la pag web, ya esta guardado el archivo con extension html y esta seleccionado el modo de lenguaje de vscode como html tambien. el resto de short como "

    • @FalconMasters
      @FalconMasters  2 роки тому

      Prueba escribir ! y luego presionar Ctrl Izquierdo mas Espacio. Te deberia salir el menu para seleccionar y luego dar enter en el Snippet de HTML

  • @carlosrios7823
    @carlosrios7823 3 роки тому +1

    Hola gran video, ¿Que theme estas utilizando? Antes tenía ese y no recuerdo el nombre :(

    • @ecodehub
      @ecodehub 3 роки тому +2

      Su nombre es Ayu Theme y la fuente es Jetbrains

  • @batusai1658
    @batusai1658 7 місяців тому

    Buen video gracias

  • @dearalex2056
    @dearalex2056 2 роки тому

    Gracias capo!

  • @camiloredondocudriz5432
    @camiloredondocudriz5432 Рік тому

    Gracias bro, like

  • @HYP3RK1NECT
    @HYP3RK1NECT Рік тому

    Una consulta que no está en éste video:
    Si tengo un nombre de clase, ID, método, etc, por ejemplo: "Holañ" y se escribió como 100 de estos mismos, y quiero corregir.
    ¿Como cambio ese nombre todos a la vez?

    • @FalconMasters
      @FalconMasters  Рік тому

      Puedes seleccionar lo que quieres cambiar y presionar Ctrl + D

  • @lightup3d
    @lightup3d 3 роки тому

    tiene algo para configurar php en visual studio?

  • @WilliamOliveiraExcel
    @WilliamOliveiraExcel 3 роки тому

    Qual tema que usa do vs-code

  • @jeanmaryguerra2055
    @jeanmaryguerra2055 2 роки тому

    Nice tutorial, I have a problem wNice tutorialle using soft soft .

  • @cristhianmamanimurillo2944
    @cristhianmamanimurillo2944 3 роки тому

    que tema estas usando

  • @nkisikiyumba
    @nkisikiyumba 3 роки тому

    Excelente!!!!

  • @Wilfer_Suarez
    @Wilfer_Suarez 10 місяців тому

    Minuto 15:54 alguien sabe como hizo para seleccionar toda la línea

  • @ljfi3324
    @ljfi3324 3 роки тому

    si no me funciona emmet, bueno si me funciona pero no para archivos .html
    Ayuda!!!

  • @victoralexissarria2559
    @victoralexissarria2559 2 роки тому

    gracias por tu video, aunque ando buscando solución a mi "problema". No logro crear varias listas por ejemplo ul>li*5 para generar 5 listas. No genera las listas, solo deja el texto como le ordeno pero no se activa. Podrías ayudarme??! O alguno de ustedes.

    • @wi330601
      @wi330601 2 роки тому

      Hola me pasa lo mismo pero lei otro comentario que dice que presionando ctrl + espaciadora aparece el menu con lo que queres hacer y ahi le das enter... antes me aparecian de una pero ahora tengo que hacer asi no se porque...

  • @Redinmobiliariadelcastillo
    @Redinmobiliariadelcastillo 2 роки тому

    ALQUIEN SABE COMO SE ACTIVA EL EMMET NO ME SALE LAS ABREVIACIONES EN MI VISUAL ESTUDIO CODE
    GRACIAS DE ANTEMANO.

  • @nicole789112
    @nicole789112 2 роки тому

    A mí no se me pone siempre el emmet. Aunque esté activado no me da las sugerencias. Algunas veces me lo completa y otras no, alguien sabe por qué es?

    • @FalconMasters
      @FalconMasters  2 роки тому +1

      Asegurate de que tengas guardado tu archivo y que sea con una extensión .html

    • @nicole789112
      @nicole789112 2 роки тому

      @@FalconMasters muchas gracias!!

  • @ekelleal3422
    @ekelleal3422 3 роки тому

    gracias

  • @vbarrar
    @vbarrar 3 роки тому

    Hay otra forma de tabular?? no encuentro la tecla corchete .....

    • @angelsoto4118
      @angelsoto4118 3 роки тому

      Lo haces con Alt 91

    • @vbarrar
      @vbarrar 3 роки тому

      @@angelsoto4118 Gracias Daniel por tu respuesta, el tema es que no encuentro la tecla en sí para tabular el codigo para un lado y para el otro... !!

    • @jaimeadalbertolomelinavarr858
      @jaimeadalbertolomelinavarr858 3 роки тому

      Estando al inicio de la línea, con tab.
      Para quitar la tabulación puedes usar shift + tab
      Otra forma para no usar corchetes es editar el atajo, lo puedes hacer fácilmente.

  • @dionisiocarovasquez9125
    @dionisiocarovasquez9125 3 роки тому

    Buen video hermano, saludos desde Colombia. ¿cual es el nombre de tema?

  • @tomatito2189
    @tomatito2189 3 роки тому

    primero

    • @mickyorleans1760
      @mickyorleans1760 3 роки тому

      Hola carlos , perdona podrías poner la combinación de teclas para arreglar el scroll horizontal del Loremipsum , no lo entiendo bien tengo problemas de audición.
      Saludos muchas gracias.

    • @weekendvideo7056
      @weekendvideo7056 3 роки тому +2

      @@mickyorleans1760 Clic en: View > Word Wrap (Teclas: Alt+Z). 🙃

  • @shepharddeveloper5823
    @shepharddeveloper5823 2 роки тому

    Me faltaba saber el de mover varias lineas hacia atras y adelante y tambien la de colapsar codigo xd

  • @tonybp
    @tonybp 3 роки тому

    Me gustan esos colores, ¿qué tema es?

    • @FalconMasters
      @FalconMasters  3 роки тому +1

      Ayu mirage

    • @tonybp
      @tonybp 3 роки тому

      @@FalconMasters ¡Gracias teacher!

  • @OliversAtom
    @OliversAtom 3 роки тому

    que es open source?

  • @JaimeBIDtravel
    @JaimeBIDtravel 3 роки тому

    Like!

  • @davidmoralesgarcia1986
    @davidmoralesgarcia1986 3 роки тому

    Hola buenas, cual es el nombre de ese tema? Gracias

  • @ajsscg
    @ajsscg 3 роки тому

    hola cuales son las teclas de inicio y de fin?

    • @FalconMasters
      @FalconMasters  3 роки тому +1

      Están arriba de la tecla de Flecha Arriba

    • @ajsscg
      @ajsscg 3 роки тому

      @@FalconMasters gracias

  • @jeszve
    @jeszve 2 роки тому

    Salu2 Elon Moska