Que son los Snippets y como agregarlos en Visual Studio Code

Подписаться 511 тыс.

Просмотров 44 тыс.

50% 1

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

Наука

Опубликовано:

10 мар 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 119

@FalconMasters 4 года назад

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 4 года назад

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

@AlanDanielx 4 года назад

Muchísimas gracias por seguir compartiendo !!

@sol____-_- 3 месяца назад

Espectacular, muchas gracias.🤍🚀

@leonardomolina5614 2 года назад

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

@nahuelposdeley5323 4 года назад

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

@marcoantonioyanez5586 2 года назад

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

@Mr_appo Год назад

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

@josecarlosperejonescobar1117 3 года назад

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

@jorgecastellanos5011 Год назад

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

@freddyperez7952 4 года назад

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

@ronniebarrios9412 3 года назад

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

@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. ✌🏽

@humbertorivero5009 4 года назад

Excelente Falcon, muchas gracias por tu ayuda

@d-landjs 4 года назад

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

@AlejandroLopez-tb4un 4 года назад

Muy útil. Gracias por compartir.

@sebastiantorreschavez5748 3 года назад

Esto es oro, muchas gracias 👍

@keegans8496 Год назад

Qué cool está esto amigo, gracias :)

@davidm.8835 3 года назад

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

@maximolive 2 года назад

muy util la verdad, gracias x el video!!

@claraesteve141 3 года назад

Mil gracias por la info de los snippets 👏👏😏

@s-dev7500 4 года назад

Super aporte! gracias parcero!!

@BacaicoaIvon 3 года назад

Clarísimo. Muchas gracias.

@estudiaconcamilo6473 2 года назад

Muchísimas gracias, me sirvió

@agustinvillagran8102 3 года назад

excelente explicación

@romuloalves9349 4 года назад

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

@alejoramirez5846 4 года назад

Genial muchas gracias compa continua así

@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 4 года назад

Muchas gracias, me da mucho gusto escuchar eso. Saludos

@osmeig6025 4 года назад

Genial! Gracias!

@rgbesmedia Год назад

Muchas gracias!

@moisesprado6272 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

@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!

@yeremmisarmientoalonzo114 2 года назад

Tremendo Crack.👍👍

@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 .

@drilosv13 3 года назад

Gracias, me ayudo

@Inami_Temple 3 года назад

QUE BUENOS VIDEOS LOCO

@ernestomotta5178 4 года назад

Gracias, master

@atlonrg 2 года назад

que grande eres Falcon

@maytechnologies9504 3 года назад

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

@asbeldev3071 4 года назад

Muy buen video

@jafetruiz1564 3 года назад

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

@oswaldoquintero7483 2 года назад

Genial!

@briancarmona3699 4 года назад

Great !

@aparicio94yt Год назад

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 Год назад

ohh si lo vi ahora

@3213470 4 года назад

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

@arturomcc 4 года назад

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

@jhonalexandercordovacalle7710 2 года назад

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

@mostazaniikkkk Год назад

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

@LasPilcas Год назад

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

@DanilettoMusic 4 года назад

esta muy util, es como los @mixin en sass

@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.

@ivanchojuarez 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.

@FalconMasters 4 года назад

Uso Camtasia Studio

@FeliAlvarez 2 года назад

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

@FalconMasters 2 года назад

Utilizo uno que se llama Ayu Mirage

@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?.....

@manuelvillagra64 Год назад

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

@Hector-jn5ws 4 года назад

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

@horusblack4889 4 года назад

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

@nicolasviglietti4333 2 года назад

Hola, donde has adquirido todo tu conocimiento?

@carlosalbertopizarroalcaya8893 8 дней назад

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

@Kain20XX 5 месяцев назад

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

@jenifermartinez8125 3 года назад

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

@henrysampayo543 4 года назад

Llegue tempranooooo

@gilbertus5 4 года назад

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

@AlejandroFlores-rj9fh 2 года назад

Que tema usas?

@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

@carloscordoba1217 4 года назад

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

@FalconMasters 4 года назад

Se llama Ayu en la versión Mirage

@JottaArtZOficial 4 года назад

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

@FalconMasters 4 года назад

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

@JottaArtZOficial 4 года назад

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

@sec3760 4 года назад

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

@JottaArtZOficial 4 года назад

@@sec3760 Gracias bro... 👍

@sec3760 4 года назад

@@JottaArtZOficial denada man 😁✌

@3213470 4 года назад

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

@FalconMasters 4 года назад

Si, ya estoy preparando un curso y tutoriales.

@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.

@miguelgomez5313 3 года назад

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

@diegom.9450 3 года назад

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 Год назад

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

@diegom.9450 Год назад

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

@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 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 4 года назад

@@gabobaxx muchas gracias se te agradece.

@FalconMasters 4 года назад

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

@angelsoto4118 4 года назад

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

@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 2 года назад

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

@carocastelan8407 4 года назад

De donde eres

@FalconMasters 4 года назад

De México

@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 2 года назад

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

@JhoEspana 2 года назад

@allbuzz2163 4 года назад

Qué paso con los descuentos en Udemmy?

@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 4 года назад

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

@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.

@samuel-nh7re 3 года назад

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

@FalconMasters 3 года назад

Las de * { ... } si

@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 3 года назад

@@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 3 года назад

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

@jhosteen1792 3 года назад

que tema es el que usa

@FalconMasters 3 года назад

Ayu Mirage

@jhosteen1792 3 года назад

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

@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"

@superman34005 2 года назад

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

@matiaspereyraini1615 3 года назад

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

@ivanmayer9840 2 года назад

Hola, buenas. ¿Pudiste arreglarlo?

@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 4 года назад

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

@jorgealtairgonzalezrivas5228 4 года назад

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

@FalconMasters 4 года назад

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

@jorgealtairgonzalezrivas5228 4 года назад

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

@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.