Tutorial Visual Studio Code, el Nuevo Rey de los Editores de Código [1/5]
Вставка
- Опубліковано 6 лют 2025
- Con este video empezamos una pequeña serie en la cual vamos a repasar las características del increíble editor Visual Studio Code.
🚀 Blog de diseño web:
www.falconmast...
⭐ Curso de Diseño Web desde Cero:
www.desarrollo...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrollo...
⭐ Curso de React y Firebase desde Cero:
www.desarrollo...
⭐ Curso de Bootstrap:
www.desarrollo...
⭐ Curso de Woocommerce:
www.desarrollo...
---
♦ Link de Visual Studio Code:
code.visualstu...
---
Redes Sociales:
♦ Twitter @falconmasters:
/ falconmasters
♦ Pagina de Facebook:
/ falconmasters
![Extensiones que yo utilizo en Visual Studio Code [2/5]](http://i.ytimg.com/vi/IHOdTjNnd_U/mqdefault.jpg)
![Extensiones que yo utilizo en Visual Studio Code [2/5]](/img/tr.png)
No sé ustedes, pero desde que instalé Visual Studio Code, las chicas se han vuelto locas por mí
Es completamente cierto, pero shhh. No le digas a nadie, es un secreto.
JAJAJAJJ KE
🤣🤣🤣 Me hiciste la tarde
La de xnxx? Si, claro 😏
JAJAJAJAJAJAJAJA RAYOS ANU MAS NO SABIA AHORITA LO INSTALO JOVEN. XDDD
Tengo 29 años y apenas en días pasados entro en mi la curiosidad de saber que es la programación, comencé a investigar y se me a hecho tan interesante y hasta donde he visto, fácil, tus videos me han ayudado a querer ser programador, aprender todos los lenguajes que pueda y hacer de esto mi pasión.... gracias por enseñar de una manera tan genial....
José Fernández fácil? Eres superdotado o qué?
No creo que yo súper dotado pero siempre me ha gustado la lógica, Matemáticas, Razonamiento y como vi en un tutoríal, la programación es como enseñar a un bebé, debes de dar ordenes sencillas y lógicas...
Mauricio Garay no que el sea super dotado, más bien Falcon es muy buen maestro
la programacion es facil para unos, dificil para otros.. no es la gran cosa simplemente es algp mas para aprender
SkyQuark by Andy
se podria decir que la programacion controla el mundo entero, como que no es la gran cosa, es dificil si creas cosas asombrosas, pero facil si hace cosas insignificantes :v
bro desde hace años me llamo la atencion programar y todas esas cosas , apenas a mis 20 años , espero aprender mucho de tus videos gracias y saludos desde venezuela
comes bien verdad?
Hola Carlos Arturo.
Hace unos días en mi búsqueda de información sobre nuevas tecnologías de programación encontré tu canal y como formador de profesionales que soy desde hace unos 22 años he de decirte que tus cualidades en lo que a enseñanza se refiere son asombrosas. Te felicito por tu forma de explicar las cosas, tu forma y tu tiempo al hablar, el contenido es excelente. Me ha gustado mucho tu canal y te has ganado un seguidor y además voy a realizar en los proximos días algunos de tus cursos en la web que me han llamado mucho la atención.
Mi más sincera felicitación. El mundo de hoy día necesita más profesores como tú. Que pena que no te encontré antes :)
Por otro lado llevo desde cerca del 2003 trabajando con los programmas Adobe. Siempre he sido muy fiel a Adobe, pero quiero ponerme al día y cambiar, por eso quiero cambiar de Dreamweaver a Visual Studio Code.
Solo hay una cosa que no consigo encontrar si es posible hacerlo en VS Code o no, y es que en DW cuando desde la carpeta del proyecto en el que estas trabajando mueves un archivo a otra carpeta detro del mismo proyecto, DW te actualiza automaticamente todos los enlaces de todos los archivos que enlazan con ese archivo que has movido.
Por ejemplo: si tienes un archivo .css o un .js en la carpeta principal del proyecto y lo quieres mover a la carpeta CSS o JS, el archivo todos los archivos del proyecto que contienen enlaces a este archivo .css o .js se va a actualizar automaticamente sin que tengas que modificar los enlaces uno a uno en cada archivo del proyecto.
He estado probando en VS Code, pero no lo realiza, y ya que no estoy muy puesto con el tema de las extensiones en VS Code, me preguntaba si esto sería posible o bien con la configuración en si de VS Code o con la ayuda de alguna extensión.
Este pequeño detalle es algo que siempre he alavado en DW y me gustaría poder seguir disfrutando de esta opción.
Gracias de antemano y saludos.
1:00 Es "fainomenal" 😂 a mi también me gustó! Buenísimo vídeo.
Cuando lo anunciaron le di la oportunidad, y medio la impresión de que seria reconocido en poco tiempo. Buen editor.
FalconMasters te agradesco por tus videos espero que sigas subiendo muchos mas contigo empece a aprender con tus videos de html y css y me llamo mucho la atencion el mundo de la programacion gracias a tus enseñanzas tambien he decidido estudiar y sacar una ingenieria en software te agradesco mucho.
Siempre ha sido mi favorito, gratis y con la mejor interfaz, que bien que coincidas con este editor
Muchas Gracias por este maravilloso video, que nos sirve de gran ayuda para los que estamos empezando con el desarrollo de páginas Web. Y gracias también por tu gran dedicación a la hora de explicar de forma MAGISTRAL los diferentes Cursos que has hecho.
con toda la extension de la palabra en una visual studio code ES UN CABALLO PURO SANGRE YO TENGO APENAS HACE 4-5 MESES ADETRANDOME A ESTE MUNDO ME ENCANTO Y LO ESTOY EPEZANDO A USAR POR CIERTO TE SIGO ME HAS ENSENADO VARIAS COSAS MUY UTLIES
Resulta que he instalado Visual Studio Code de su página original, con las extensiones que los expertos me han recomendado y ahora me he enterado que todo este entorno va a pasar a la nube, y además mejorado. No nos dejan tiempo para una curva de aprendizaje digna.
Llevo aprendiendo html, el autocompletado ayuda mucho a entender mejor, ademas que instalando Live HTML Previewer, veo como va quedando mis practicas a un costado, una gozada :)
Nunca imagine que Visual Studio fuera tan buen editor de codigo. Gracias mi amigo Carlos! empezare a probar Visual Studio Code. Exitos en todo amigo ;)
Es buenísimo, te va a gustar mucho.
Es que nadie me hace caso oh jejeje
Yo tampoco
Me encantó lo de ver la imagen en el editor! Listo. Compré!
Si, es una belleza, llevo 1 mes con el.
Excelente su video, muy bien explicado, recién comienzo a dar mis primeros pasos en la programación, Dios me ayude a terminar la carrera porque me gusta mucho saludos desde Argentina.
Que onda Falcon yo estoy suscrito a 2 de tus cursos en Udemy ya llevo la mitad del de Bootstrap y de hecho vi en los comentarios que mejor empezara a codificar en VS Code porque de hecho era mejor que Sublime y me he dado cuenta que en tus videos de actualización utilizas VS Code, que la verdad me encanto por la facilidad en que puedes escribir abreviaciones y te autocompleta divs con clases completas, su facilidad para copiar elementos y otras extensiones que trae. Y ahorita de casualidad busque VS Code aqui en UA-cam y vi que acabas de subir este tutorial hace pocos días. Excelente todo tu contenido, me ha servido mucho. ¡Felicidades!
Muchas gracias, es cierto yo usaba Sublime Text hasta el curso de Bootstrap 4, pues después de el ya nunca lo volví a usar, mejor me pase a VS Code.
Tenía mucho tiempo usando Sublime Text y no quería probar otros editores de código, pero después de muchas recomendaciones me anime a usarlo y de verdad que quede impresionado!
La neta llevo 2 semanas viendo tus vídeos y aprendí más que con mis maestros
Me alegra que mis videos te sean de ayuda!
FalconMaster gracias por existir y enseñar todo esto, en 4 días aprendí lo básico de HTML , el lunes continuo con Css.
Que bonito comentario, muchas gracias y mucha suerte con CSS, ya veras como es muy fácil
YO HE APRENDIDO A PROGRAMAR GRACIAS A ESTE TIO DEFINITIVAMENTE UN EXCELENTE MAESTRO
Manita arriba al video si te gusto Visual Studio Code y crees que es el nuevo rey de los editores de código.
FalconMasters y también me gustaría que pongas el link de descarga de HTML 5
FalconMasters hey orbida lo que dije de HTML 5 esa solo porque tu lo dioses es mejor
HTML no se descarga, el código que escribes en el navegador es interpretado por el navegador. Así que solo necesitas un editor de código y un navegador web.
Si llamedicuenta pero porque no se me ponen las imágenes en HTML y porque no me días tu numero de teléfono
Muy buen vídeo Carlos, yo uso VS Code desde hace unos meses, para cuando un curso de Bootstrap 4 ??
Muy bueno el resumen de la aplicación te felicito por tan buen resumen... te seguiré viendo porque me gusta tu forma de comentar y explicar los pro y contras de estas herramientas tan útiles hoy día… saludos profesor Ivan Adamek caracas.
Al fin llegó el día!!!
Hace tiempo que llevo probando este editor, antes usaba Atom y Brackets, pero no terminaban de convencerme, este me enamora. Casualmente cuando empecé con VS Code ese día vi un tweet donde creo recordar que igual hacías un video tutorial del editor e incluso Microsoft te contestó. Desde ese día esperaba este video. Muchas gracias Falcon, tienes mi manita arriba, espero el siguiente con ansia.
Saludos desde Galicia, España :)
Muchas gracias, ya hace un tiempo desde ese tweet, me alegra que apesar del tiempo aun hayas visto el video. Saludos!
Excelente serie la que has iniciado, yo utilizo este editor desde hace algún tiempo y me gusta mucho, espero los próximos videos para ver como aprovechar mejor este editor.
Crackkk, Gracias fiera, mastodonte
excelente aporte, amigo.
Genial explicación. Había oído recientemente hablar de él, pero ni me había molestado. Creo que me va a venir genial como editor para mis scripts del día a día. :)
Ya no puedo esperar los próximos videos tuyos Carlos, me cambiaré de editor, yo usaba sublime text y te seguía en tus cursos de Udemy con el mismo editor, ahora te seguiré igual con este otro editor, sé que nos irá bien, se ve que es muy potente.
Es lo mejor que ha hecho Microsoft para Linux, funciona muy bien.
En el cole me lo han pedido y en realidad es bueno.
Esta realmente bueno es como el punto intermedio entre sublimetext y los IDEs de jetbrain.
Exacto, es el punto intermedio entre un editor y un IDE
Antes yo no queria programar webs por que era un dolor de cabeza ya que los editores de texto eran muy pobres y estabamos obligados a tener que recordar todo, yo era programador java y todo esto que esta hace visual studio code ya lo hace desde mucho Eclipse, sobre todo lo más importante es Intellisense, hasta que bueno por fin salio este IDE y me propuse a aprender la programacion web, y si es magnifico.
visual estudio code el rey de los editores de codigo me encanta es el mejor 👍👍👍😎😎😎😎!VISUAL ESTUDIO CODE EL REY DE LOS EDITORES !
vine buscando cobre y encontre oro, yo solo buscaba un editor para poder codear C# en Linux y me encuntro con esta maravilla, MUCHAS GRACIAS
FalconMaster tus videos son excelentes y una vez mas lo demuestra con este video, algo habia escuchado de visual estudio code pero no me habia llegado a parecer tan bueno como lo demostraste en el video esta EXCELENTE este editor.....
Gracias a tu video pude volver a hacer visible mi menu bar que a mi se me gusta que muestre
Me parece prometedor FalconMasters, lo voy a poner a prueba
Genial, te va a gustar mucho!
nice video estoy probando visual studio code y me estas ayudando demasiado explicandome cada detalle de este
FAlcon siempre dando la hora !
Exelente video, yo lo tengo porque me venía en mi compu
*muy bueno este programa yo tengo que hacer una web aunque soy bastante malo en eso pero el proyecto que tenia se quedo en la pc que se rompio y tengo que empezar todo desde cero y lo peor que no me acuerdo de los codigos jajjaja me gusta usar el html porque elijo todo desde cero no me gustan esas paginas prefabricadas a parte la necesito para constuir mi negocio etc lo voy a descargar gracias por el video saludos a todos*
Me encantan los vídeos de FalconMasters
Pues solo como tu eres una autoridad le dare chance a Visual Studio Code. Gracias.
Hola de nuevo Carlos Arturo. Creo que en este vídeo me has contestado a una pregunta que te hice en los comentarios referida al precio de las extensiones. Creo que me ha quedado claro. Gracias.
Excelente apertura para conocer VS CODE...Muchas Gracias
Esta muy bueno el video voy a seguirte para no perderme nada. Saludos
Genial! Saludos a ti también.
Hola lo probé en un proyecto front end, Usando html, sass, jquery, bootstrap obviamente todo mezclado y genial!! pero cuando me toco editar proyectos en php empezó la pesadilla, no logre hacer que funcione correctamente los tag en html, se olvida del css, y ni que decir de jquery o javascript, lo intente configurar por dos días y no lo logre, así que por ahora me quedo con mi brackets.
De todas maneras es un muy buen editor, y mejor que brackets en muchos aspectos, pero si no funciona mezclando html, css, jquery en un archivo php realmente no sirve de mucho para mi.
un buen vídeo Felicitaciones!
Eres el MEJOR = - )
Excelente explicación!! Gracias
Grosso, muy buena tu explicación
Falcón Master
No se si eres el mismo al quien he seguido hace mucho tiempo en mis primeros intentos por aprender HTML, CSS, javascript
Lo tuve que abandonar por falta de tiempo por que me dedique a una actividad más manual que me alejo de las computadoras. quiero retomar mis aprendizajes pero veo que muchas cosas cambiaron y no se que me perdí
Desde el primer momento que tome contacto con Falcón Master me cautivó la forma de desarrollar código y la forma de ir al punto requerido, así como la forma de sustentar cada tópico.
Por allí escuche no muy claramente que algunos desarrolladores muy buenos han fallecido y no se si sea el caso de Falcón Master
Gracias
Muy buen aporte, ha sido de mucha utilidad.
04:47 desde aquí empieza lo bueno
es una maravilla la verdad. Mi editor favorito!
Estoy desarrollando en laravel y con solo una extensión tengo todo lo que necesito... Laravel extensión pack... esta bien bueno espero tus siguientes videos... aunque le he metido mano estaría bueno revisar el tema de git un saludo...
Ya se te extrañaba por aquí FalconMasters!! Saludos!!
Gracias! :)
Llevo mucho usándolo, aún así no conocía tantos trucos
EXCELENTE, LE DAS DETALLES A TU INFORME, SIGUE ASI MEN...
muy bueno gracias ,voy paso a paso
Excelente explicación, lo felicito. Saludos desde Venezuela.
Excelente vídeo, me sirve mucho para configurar VSC correctamente.
Visual Studio Code es el mejor de todos …. EL MEJOR DE TOOOODOS!!!!
Porque cuando presiono control+shift+G no me agrupa los elementos para crear un contenedor? Necesito ayuda
Buena exposición.
Es mucho mejor Visual Code la verdad, aun que aun no me se todos los atajos para ir copiado textos, Saludos Carlos
Carlos Alturo, una pregunta. Cuando quiero hacer un Setting para hacer una modificación no me permite escribir o hacer algunas cambios? Ejemplo: Estoy tratando de Modificar el “Python Path” y cuando voy setting se me abre una segunda pantalla a la derecha, y trato de poner un 3 al final del “PYThon3 para que me sea compatible... PERO NO ME DEJA... con este ejemplo y otros más ... podría usted ayudarme. Formidable su trabajo.
Muy buenos tus videos, saludos desde Venezuela
Muchas gracias
Muy buen vídeo, estaré esperando los próximos 👍
Gracias en cuanto estén listos los iré publicando.
Hola estoy en el curso de udemy y ya no supe cómo hacer un contenedor en HTML en la clase de practicas flexbox es que lo hace en sublime text y yo no sé cómo hacerlo en vs que seleccionó desde header hasta footer gracias
Yo no conozco la depuración, tienes algún video para aprender sobre eso?
Disculpa, no me sale la parte azul inferior de visual studio , que puedo hacer para que se pueda ver? Gracias.
Si tengo un proyecto qué incluye simplemente index.htm, una carpeta js y otra carpeta css, cómo hago para generar una publicación de la página para IIS?
Yo en particular estoy empezando a programar con ese lenguaje
Excelente explicación. Espero que hagas videos de C#
Que se nececita para empezar a programar en esto?
Falcon como hago cuando agrego un texto largo en el codigo no tenga que irme hacia la izquierda hasta llegar a lo que deseo, se puede configurar asi como sublime tex que lo acomoda todo en una parte sin salir de la pantalla y es mas facil modificar o agregar gracias
muy bueno,super!!
como hacia uno para mirar si el archivo o el documento ya estaba bien registrado? En este programa se realizaba y se verificaba despues en las descargas.
he visto que también se puede dividir la pantalla para ver la pagina o sistema que estás programando ¿como se hace eso?
Vim definitivamente se ganó mi corazón, pero muchos de mis compañeros de trabajo están usando Visual Studio y lo encuentro bastante completo, y me fascina el complemento con git que trae 😂 pero el rey sigue siendo Vim ❤️
Vim es increíble también, aunque es muy difícil de comenzar. Luego otros nos tenemos que conformar con VS Code con extensiones que emulen a Vim haha.
FalconMasters yo he pasado por un mal tiempo configurando Vim para funcionar correctamente con tmux y en parte zsh, pero tengo una config armada que son años de esfuerzo junto con un amigo del trabajo, todo con tal de obtener la comodidad definitiva 😂 me intentaron convencer de pasarme a VS mostrándome que se puede emular Vim justamente jajajaja quizás lo comience a usar cuando tenga que resolver merge conflicts en Git, como ya dije, es genial ese complemento para ver diferencias entre commits y quién los hizo 😁
Gracias Falcon, voy a probarlo.
ya de vuelta 👌😁
una pregunta, no se puede programar directamente ahi?
Hola manito una pregunta baje el programa y lo estaba usando pero las cosa que hago en el programa no puedo visualizarlo en la carpeta en la página que hize. Ejemplo un hola mundo que hice cuando refresque la página no presento nada por qué ?
Excelente explicacion
hola buenas noches yo estudie técnico en contabilidad y en sistemas entonces quiero saber como puedo adjuntar los dos para poder realizar un software contable aparte estoy estudiando diseño de pagina web
En el Visual Studio Code tengo instalado en Extensiones el idioma español e inglés, pero cuando volví a instalar el idioma inglés me volvió a quedar todo en inglés, ¿cómo hago ahora para volver al español sin desinstalar e instalar otra vez los idiomas, teniendo ya el español y el inglés instalado en Extensiones? Es decir, cuando entro al VS code está todo en inglés, entonces, quiero que esté otra vez en español y no sé cómo hacerlo teniendo ya instalado en Extensiones el idioma español. Muchas Gracias.
hahahaha, gracias por este refreshhh!!
puro wn vo
Exelente video
Hola. Como se llama el colorTheme de letra que pone sublime text, es que ya estoy acostumbrado a ese color. Saludos!
estoy empezando a aprender a programar y no entendi nada, pero buen video 😎
Hola Carlos Arturo, que tal? Oye llevo siguiendo tus vídeos desde hace algún tiempo, y eres el mejor enseñando, pronto estaré haciendo el curso de PHP Y MySQL, y también el de diseño web profesional, pero quería preguntarte, cuáles son las herramientas que más se utilizan a estas fechas para trabajar con Responsive Design? Y donde puedo enterarme de las nuevas herramientas y programas que van saliendo? Digo para estar siempre como decir a la vanguardia y actualización... gracias
Realmente no se necesita mucho, con el puro editor de código y navegador web ya tienes todo lo que se necesita para diseñar sitios responsive. Si quieres ver como se ve tu pagina en un celular o tablet lo puedes hacer en el propio navegador, y esa es la herramienta mas importante a la hora de hacer sitios responsive.
Ya independientemente de eso, también puedes usar frameworks de diseño web como bootstrap para hacer sitios responsive mas rápido.
Saludos
Todos están aquí porque les gusta programar... Y yo por una tarea que hago a regañadientes 🥲
Me encantan tus videos! Muy bien explicado
Muchas gracias :D
Se puede usar las extensiones de java sin descargar el jdk? 🤔
gracias por el video apenas voy entrar al mundo de programacion
Eres un capo (Y)
XD tu canal deberia llamarse programando con krilin, muy buen tutorial bro
ua-cam.com/video/bUaI40y5D7k/v-deo.html Iniciaré un curso de c++ en Visual Studio. Espero me puedan apoyar. Gracias.
una fuente que te sugiero probar es Fira code, échale un ojo.
ahora que vas a tocar git seria bueno que menciones el paquete de herramientas que viene, prácticamente es como tener una terminal linux en windows. hasta tiene un editor vim. agregas la runa "C:\Program Files\Git\usr\bin" a variables de sistema.
Si, en un video próximo enseño como configurar git bash con vs code para tener la terminal a la mano, es muy util.
una consulta, estoy buscando alguna ayuda de internet para poder poner etiquetas personalidad,pero no encuentro. por ejemplo en atom y sublime si pongo php sale , pero en visual studio code no aparece, como podria hacer para crear esa etiqueta al colocar solo php. gracias