Que son los Snippets y como agregarlos en Visual Studio Code

Поділитися
Вставка
  • Опубліковано 10 бер 2020
  • En este video te enseño que son los snippets, para que sirven y como puedes agregarlos en Visual Studio Code.
    🚀 Blog de Diseño Web:
    www.falconmasters.com
    ⭐ Curso de Diseño Web desde Cero:
    www.desarrolloweb.io/cursos/d...
    ⭐ Curso de PHP y MYSQL desde Cero:
    www.desarrolloweb.io/cursos/p...
    ⭐ Curso de React y Firebase desde Cero:
    www.desarrolloweb.io/cursos/r...
    ⭐ Curso de Bootstrap:
    www.desarrolloweb.io/cursos/b...
    ⭐ Curso de Woocommerce:
    www.desarrolloweb.io/cursos/t...
    ---
    Redes Sociales:
    ♦ Twitter @falconmasters:
    / falconmasters
    ♦ Pagina de Facebook:
    / falconmasters
  • Наука та технологія

КОМЕНТАРІ • 119

  • @FalconMasters
    @FalconMasters  4 роки тому +16

    En este video intento responder a una pregunta muy frecuente que me han hecho. Espero que les sirva.
    Si te gusto o sirvió dale manita arriba 👍

  • @abelpronet
    @abelpronet 4 роки тому +8

    Está super genial, no sabía que esto existía, gracias!

  • @AlanDanielx
    @AlanDanielx 4 роки тому

    Muchísimas gracias por seguir compartiendo !!

  • @nahuelposdeley5323
    @nahuelposdeley5323 4 роки тому +4

    Graciass por tus cursos,eres un genios
    Segui asi,nos ayudas a muchas personas.

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

    Te explicas muy bien y pones buenos ejemplos, te ganaste un suscritor!

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

    excelente..... mejor imposible, claro conciso y directo al tema.... 100 point master....

  • @sol____-_-
    @sol____-_- 5 місяців тому

    Espectacular, muchas gracias.🤍🚀

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

    Muy bueno. Corto y concreto.
    Muchas gracias por compartir tu tiempo y tu conocimiento.

  • @freddyperez7952
    @freddyperez7952 4 роки тому

    estoy empezando a programar y noto que eres bastante bueno .. estare siempre preguntandote cosas .. gracias amigo

  • @d-landjs
    @d-landjs 4 роки тому +1

    Excelente tutorial !!! Me sirivo mucho, lo máximo eres Arturo

  • @humbertorivero5009
    @humbertorivero5009 4 роки тому

    Excelente Falcon, muchas gracias por tu ayuda

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

    Muy buen video, aprecio mucho tu tiempo para enseñarnos esto.

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

    Buenísimo me has ayudado un montón... Saludos desde Barcelona.

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

    Muchísimas gracias, me fuiste de mucha ayuda para entender como funciona eso de lo snippets tengo el archivo lleno de mis fragmentos personalizados. ✌🏽

  • @AlejandroLopez-tb4un
    @AlejandroLopez-tb4un 4 роки тому

    Muy útil. Gracias por compartir.

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

    Esto es oro, muchas gracias 👍

  • @matias25pinto
    @matias25pinto 4 роки тому

    Muy buen aporte, excelente el curso de diseño y desarrollo web lo estoy por terminar y vale la pena cada video es muy bueno

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

      Muchas gracias, me da mucho gusto escuchar eso.
      Saludos

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

    Te felicito muy buen video, gracias por la información

  • @s-dev7500
    @s-dev7500 4 роки тому

    Super aporte! gracias parcero!!

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

    Qué cool está esto amigo, gracias :)

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

    Clarísimo. Muchas gracias.

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

    Mil gracias por la info de los snippets 👏👏😏

  • @davidm.8835
    @davidm.8835 3 роки тому

    Genial! Sabía lo que eran, pero no crearlos. Gracias por la aportación.

  • @alejoramirez5846
    @alejoramirez5846 4 роки тому

    Genial muchas gracias compa continua así

  • @romuloalves9349
    @romuloalves9349 4 роки тому +1

    Sensacional uso muito meus Snippets para aumentar minha produção e corrigir alguns bugs do próprio visual studio code parabéns 👌.

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

    muy util la verdad, gracias x el video!!

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

    Muchísimas gracias, me sirvió

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

    Tremendo Crack.👍👍

  • @osmeig6025
    @osmeig6025 4 роки тому

    Genial! Gracias!

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

    excelente explicación

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

    Muchas gracias!

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

    Muchas gracias mi hermano por enseñar y bueno he aprendido un monton, apenas estoy empezando con programación y estoy cual niño bebé estrenando juguete!

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

    QUE BUENOS VIDEOS LOCO

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

    que grande eres Falcon

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

    Excelente video la verdad me gusta usar VSC para todo y quería una forma de usar PL/SQL en VSC para poder ser más productivo usando ese lenguaje de Oracle

  • @drilosv13
    @drilosv13 4 роки тому

    Gracias, me ayudo

  • @ernestomotta5178
    @ernestomotta5178 4 роки тому

    Gracias, master

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

    En el min 10:35 si funciona el snippet event que has creado, solo que se posiciona abajo del de event y nada más presiona flecha abajo y enter para acceder a él.

    • @my.b707
      @my.b707 Рік тому

      ohh si lo vi ahora

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

    Me carreaste con mi serie de ps2, que te puedo decir, muchas gracias men

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

    hulala Snippets personalizados... magnifico falcon.... 100points..

  • @asbeldev3071
    @asbeldev3071 4 роки тому

    Muy buen video

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

    Genial!

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

    Increible!!
    Que tema usas en tu Visual Studio Code ?
    Se ve increible!!

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

    Está muy interesante el tema de snippes buen video como recomendación evitar nombrar la los snippes con palabras reservadas

  • @briancarmona3699
    @briancarmona3699 4 роки тому +2

    Great !

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

    Hola falcon he visto que vs code tiene extensiones como para administrar los snippets has usado una o podrias hacer un video acerca de alguna de esa extension y su uso ,muchas gracias por tus comentarios y de antemano ,eres un master .

  • @DanilettoMusic
    @DanilettoMusic 4 роки тому

    esta muy util, es como los @mixin en sass

  • @3213470
    @3213470 4 роки тому

    Buen video.
    Bro por cierto, iouinas q es una idea empezar en UA-cam?? He querido pero me entran las dudas :(

  • @arturomcc
    @arturomcc 4 роки тому

    Oye bro, ¿Qué tema visual utilizas para visual code? Ya que me gustó mucho el que usas

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

    excelente video, una consulta no me aparece en la lista css.json, sabes si hay que instalar algo para en eso en vsc??

  • @horusblack4889
    @horusblack4889 4 роки тому

    Interesante dato, me servira para algunos trozos de codigo raro que tengo XD

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

    Hola, que bien que lo explicaste. Pregunta: Que tema para vscode estas usando?

  • @ivnrez
    @ivnrez 4 роки тому

    Excelente vídeo. Una consulta: ¿Qué accesorios utilizas para grabar y editar tus vídeos? estoy pensando en empezar a realizar tutoriales mostrando mi pantalla y audio.

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

    Estimado Arturo!!! Siempre salvándome. Una aclaración, si yo lo hago tal como lo muestras, me copia ${1} literalmente, yo uso la versión 1.51.1 , y para funcione hay que hacer ' ${1: } . Un abrazo grande y gracias por compartir tu conocimiento.

  • @3213470
    @3213470 4 роки тому

    Puedes enseñar a usar React?? Hacer tutoriales de ello? 🙏

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

      Si, ya estoy preparando un curso y tutoriales.

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

    hola, buenas noches.
    y si quisiera modificar la etiqueta directamente para agregarle algo mas sin la necesidad de hacer esto?, se podría? y si es así podrías decir como?.....

  • @Hector-jn5ws
    @Hector-jn5ws 4 роки тому

    Que tal? sabrás como hacer un CRUD en java y Postgresql?

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

    Hola, donde has adquirido todo tu conocimiento?

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

    Hola Falcon Master ! Como hago para poner la intruccion c++ "system("pause") en c++.json ? Saludes

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

    hola. Como lo puedo hacer con las comillas doble que necesito agregar a un snippet html ??? ejemplo :

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

    como hago para modificar los snippets q vienen por defecto de emmet?
    por ejemplo el !html:5 ?

  • @AlejandroFlores-rj9fh
    @AlejandroFlores-rj9fh 2 роки тому

    Que tema usas?

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

  • @gilbertus5
    @gilbertus5 4 роки тому

    Como haces para encerrar algo en comillas o paréntesis rápidamente

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

    Hola, una pregunta como puedo instalar Visual Studio para Mac?

  • @carloscordoba1217
    @carloscordoba1217 4 роки тому

    Que tema utilizas en el vs code?, se ve genial?

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

    Ayuda alguien sabe por qué ya no me funciona el pluggin inicial de visual studio el de auto completado y el de snippets

  • @JottaArtZOficial
    @JottaArtZOficial 4 роки тому +1

    Buena broo!
    Por cierto, sabes como agregar un Lorem Ipsum en Sublime? 🤔

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

      Intenta escribiendo lorem y presionando Ctrl + Espacio a ver si te sale algo. Había una forma pero no recuerdo cual era.

    • @JottaArtZOficial
      @JottaArtZOficial 4 роки тому

      @@FalconMasters Gracias bro, veré si me sirve...

    • @sec3760
      @sec3760 4 роки тому +1

      @@JottaArtZOficial en tu página de sublime escribe " lorem " (sin comillas ) y luego apretar tabulador

    • @JottaArtZOficial
      @JottaArtZOficial 4 роки тому

      @@sec3760 Gracias bro... 👍

    • @sec3760
      @sec3760 4 роки тому

      @@JottaArtZOficial denada man 😁✌

  • @DanielAlvarez-rq5vu
    @DanielAlvarez-rq5vu 3 роки тому

    Para los que les molesta que el texto se seleccione automaticamente al utilizar el snippet solo basta con poner $0 en vez de $1.

  • @henrysampayo543
    @henrysampayo543 4 роки тому

    Llegue tempranooooo

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

    oie amigo ami no me aparece el snippet css.json alguna manera de agregarlo?

  • @carocastelan8407
    @carocastelan8407 4 роки тому

    De donde eres

  • @diegom.9450
    @diegom.9450 3 роки тому +1

    Hola, segui los pasos del video y funciono, pero al tratar de hacer un snippets con html, no sale bien, ¿me puedes indicar como hacerlo con html? muchas gracias, buen video.

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

      ¡Hola! Tengo el mismo problema. ¿Lo has podido resolver en este año?

    • @diegom.9450
      @diegom.9450 Рік тому +1

      @@ignaciomartinez4452 Hola si, con snippet generator disculpa la demora en responder

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

    De colombia, hola falcon, me gustaría un curso con visual estudio codigo profesional 20919, gracias por sus videos empece hace tres meses a conocer html y css pero v.s.c, es muy elemental, no soy desarrollador.

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

    Alguien tendrá idea de por qué no puedo utilizar los snippets que cree en PHP?
    No me sale en los archivos .php el prefix.

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

      Al crear el snippet tienes que asegurarte de establecer en que lenguaje quieres que se puedan utilizar esos snippets.

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

    Tengo un problema, no puedo agregar los snippet a ningún archivo, sin importar el scope que defina. Una vez que he definido el snippet como lo indicas, el autocompletador de VS Code no me lo sugiere, ni puedo agregarlo al presionar tab. ¿Alguien puede ayudarme con este problema?

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

      tienes que ponerlo dentro de las {} que tienen el ejemplo, si no no lo reconoce

  • @allbuzz2163
    @allbuzz2163 4 роки тому

    Qué paso con los descuentos en Udemmy?

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

      Udemy cambio el sistema de cupones. Ahora hay menos, pero dime que curso te interesa y quizás pueda darte un mejor cupon.

    • @allbuzz2163
      @allbuzz2163 4 роки тому

      @@FalconMasters El de dinseño web. Muchas gracias por su atención!!

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

    Saludos Carlos. oye yo estoy haciendo el curso de html basico y ya voy voy el 3er capitulo, pero quisiera que me ayudaras a resolver un problema que tengo con las rutas relativas, y es que al poner Ir a la Imagen no me lleva a la imagen que tengo en mi pc y me dice error este archivo se ha eliminado o modificado y no me permite entra. ¿que podria hacer en ese caso?

    • @gabobaxx
      @gabobaxx 4 роки тому

      Si la tienes en la misma ruta del archivo raíz osea en la misma carpeta que tienes el html intenta con ./nombre-de-la-imagen.ext o prueba colocando la imagen en una carpeta aparte y la ruta seria ./img/nombre-imagen.ext

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

      @@gabobaxx muchas gracias se te agradece.

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

      Intenta ponerle "imagenes/lagos.jpg" en vez de .jpeg

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

      @@FalconMasters Gracias ya logre hacerlo esta mañana era la extension que estaba mal.

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

    que tema es el que usa

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

      Ayu Mirage

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

      @@FalconMasters algun dia vas a actualizar tu curso de javacript?

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

    ¿Y si tengo que crear un GIF con Visual Code y Pygame?
    ¡¿CÓMO MIERDAS LOS HAGO PORQUE ES PARA MAÑANA?!

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

    mira esta forma crea un desplegable
    "Peticion Axios": {
    "prefix": "axreq",
    "body": [
    "axios.${1|get,post,put,delete|}('${2:url}')",
    " .then(res => console.log(res.data))",
    " .catch(err => console.log(err));"
    ],
    "description": "Axios Request"
    },
    "Peticion Fetch ": {
    "prefix": "fetchreq",
    "body": [
    "fetch('${1:url}')",
    " .then(res => res.json())",
    " .then(data => console.log(data));"
    ],
    "description": "Fetch Request"

  • @samuel-nh7re
    @samuel-nh7re 3 роки тому

    Pero con el archivo normalize todo esas configuraciones estarían resueltas verdad??

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

      Las de * { ... } si

    • @samuel-nh7re
      @samuel-nh7re 3 роки тому

      @@FalconMasters recién estoy aprendiendo todo lo que es desarrollo web. (no quiero ser grosero pero no te entendí tu respuesta)

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

      @@samuel-nh7re No te preocupes, creía que te referías al reset de CSS que suelo hacer en mis videos y que va asi:
      * {
      padding: 0;
      margin: 0;
      }
      Pero regresando a tu pregunta, entonces este tema de los snippets no tiene nada que ver con normalize.css

    • @samuel-nh7re
      @samuel-nh7re 3 роки тому

      @@FalconMasters ok vale, entonces estaré a la espera de un video con normalize(seria interesante) ..ya estoy suscrito, gracias de todas maneras crack.

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

    Quise hacer uno para PHP y no me lo tomo :(

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

      Hola, buenas. ¿Pudiste arreglarlo?

  • @jorgealtairgonzalezrivas5228
    @jorgealtairgonzalezrivas5228 4 роки тому

    No tienes cursos en descuento? Están bien caros, y quiero el de php :(, udemy ha subido los precios de los cursos, ya no están como antes, los de cualquier profesor

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

      Intenta con este cupón:
      www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

    • @jorgealtairgonzalezrivas5228
      @jorgealtairgonzalezrivas5228 4 роки тому

      @@FalconMasters hola, gracias por responder, el cupón no me funcionó, aparece sin descuento, está en casi 3 mil pesos

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

      @@jorgealtairgonzalezrivas5228 El curso con descuento debería salirte al equivalente en tu moneda a 15 - 20 dólares.

    • @jorgealtairgonzalezrivas5228
      @jorgealtairgonzalezrivas5228 4 роки тому

      @@FalconMasters soy de México, el curso sale en 2,970 pesos

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

      @@jorgealtairgonzalezrivas5228 Esta mal, deberia salirte a lo mucho en 200 Me parece que el cupón no se te aplico, entra de nuevo a ese enlace en otro navegador o en modo privado vas a ver que ahora si te va a mostrar otro precio.