VISUAL STUDIO CODE 💪Tutorial en Español 💪

Editor de código Visual Studio Code, donde podrás escribir y programar fácil y rápidamente, lo mejor de todo es que es GRATIS!
⭐Aprende HTML y CSS gratis aquí: bit.ly/3IbWltZ
Para mi es el mejor programa para escribir HTML, CSS, JavaScript, PHP, entre otros lenguajes.
En este tutorial vamos a ver como escribir código en Visual Studio Code, qué es y para qué sirve en el mundo del desarrollo web y programación.
Descarga el programa en el siguiente enlace: code.visualstu...
Escribe código HTML, CSS, JS, PHP, etc. Este completo editor nos permite trabajar de una manera eficaz y llamativa.
Este curso tutorial en español tiene como objetivo entregarte las mejores herramientas y consejos para trabajar con Visual Studio Code 2018, si estás empezando en el mundo del desarrollo web o programación este es uno de tus primeros cursos que tienen que revisar.
Cursos en UDEMY:
🧨 HTML + CSS + Bootstrap 5: bit.ly/3iyMBh3
🧨 Vue 3 + Firebase: bit.ly/3IwyHGJ
🧨 React + Firebase: bit.ly/3JCSsht
🧨 HTML y CSS (gratis): bit.ly/3PM4x5U
MÁS CURSOS DE BLUUWEB!
📌 HTML Y CSS: goo.gl/yoMdMZ
📌 JAVASCRIPT: goo.gl/hnQkog
📌 JQUERY: goo.gl/Ag7XsG
📌 CSS GRID: goo.gl/nR56pT
📌 VISUAL STUDIO CODE: goo.gl/cvu57R
📌 BOOTSTRAP 4: goo.gl/npezrj
📌 PHOTOSHOP: goo.gl/1C9k5n
📌 PSD A HTML: goo.gl/VYX2V6
📌 TEMAS WORDPRESS: goo.gl/GeiVNm
📌 PHP Y MYSQL: goo.gl/oao1QT
📌 FORMULARIOS CON PHP Y AJAX: goo.gl/GKpZAH
📌 ANGULAR: goo.gl/WJhtnC
📌 FIREBASE/FIRESTORE: goo.gl/bpKL9i
📌 PHP LARAVEL: goo.gl/iAbPBy
📌 MATERIALIZE CSS: goo.gl/7pSFY5
📌 IONIC: goo.gl/RNGKTD
📌 SASS: goo.gl/ba7mEE
📌 PROGRAMACIÓN BÁSICA: goo.gl/HksyVi
¿Necesitas crear formularios de contacto con PHP?
Ingresa a mi curso PREMIUM a solo $15 dólares aquí: goo.gl/K2SKWZ
¿Te gustó este video?
Puedes regalarme un café aquí: www.paypal.me/...
No olvides suscribirte a este hermoso canal y destruirme en los comentarios :)
Facebook: / bluuweb
Web: www.bluuweb.org
Instagram [no todo es programar]: / victoko_gutierrez
Música: www.bensound.com/ 👌 Discord: / discord
Mi Setup:
⭐️ Teclado Mecánico: amzn.to/3Ns6fdK
⭐️ Audífonos: amzn.to/3pwrzqt
⭐️ Micrófono: amzn.to/3JH4tV7
⭐️ Monitor: amzn.to/3NTt8Iu
⭐️ Procesador: amzn.to/3raD4EC
⭐️ Tarjeta de Video: amzn.to/437t78b

[@bluuweb]

¿Dudas y preguntas? En Discord todos nos ayudamos 😍: Discord: discord.gg/ZrQAJnD7K8 Los espero. Saludos

[@vdrr89]

no me deja entrar, me dice que es inválido el link

[@libertadypensamiento996]

Amigo, eres seco! estuve mucho tiempo aprendiendo html/css de otros tutoriales y lejos has sido el mejor aprendizaje! Muchas gracias, espero que sigas creciendo en estos proyectos!

[@yorvymeza1546]

hola amigo desde hace 2 años y medio he trabajado con sublime text, pero este IDE, Es LO MAXIMO, GRACIAS

[@fabiangames3711]

Excelente forma de explicar, nunca cambie su forma de hacerlo.

[@recrearte3903]

gracias estoy empezando en esta hermosa carrera , voy hacer tu curso gracias!! ya hoy tienes una nueva suscriptora!

[@driquelme7]

Hola!! primero que todo quiero darte gracias por tus videos, me han servido muchisimo!! No quiero ser tan detallista pero en el minuto 1:40, dices para abrir se usa ctrl+cero, pero en realidad es ctrl+O, con O de OSO. Eso, esta tan bien hecho, que pude notar ese detalle. Saludos y gracias por tus aportes!

[@joseramon2889]

Seria bueno que usaras el plugin AutoFileName para autocompletado de rutas de archivos ya que cuando vas a importar un archivo como por ejemplo llamar a bootstrap o una imagen en tu sitio, el editor te va mostrando las carpetas que tienes y al seleccionar las carpeta t muestra los archivos dentro de la misma de forma que solo seleccionamos el archivo y automáticamente aparece la ruta en nuestro src para nunca nos equivoquemos escribiendo una ruta :)

[@nicolasherrera5432]

Sos un groso explicando te felicito y gracias por compartir tu conocimiento (suscrito)

[@xyuriko6163]

vaya!... ya me había acostumbrado con sublime, la verdad uso cualquier editor de texto no tengo preferencias pero ver este nuevo editor me parece interesante

[@comunidadux3536]

El mejor profe de programacion de KZbin! Excelentes videos y dinamica!

[@Sebastian-hy1el]

El único vídeo que explica de una forma sencilla como modificar los atajos de teclado

[@caterinmorales7429]

Sabes que uso visual studio code, pero no había indagado en sus características. Buenisimo este tutorial gracias ^^

[@MrAndrewRod]

Amigo muchas gracias, que excelente explicacion en un mini tutorial cortico, pequeño pero muy sustancioso, muchas gracias !!!

[@lesliemonges2917]

Muchas gracias, me sirvio mucho el video, algo rapido y concreto de como empezar a usar visual studio, gracias nuevamente!

[@bluuweb]

Gracias por su apoyo! aquí tienes más videos de Visual Studio Code: goo.gl/B4WcMb Saludos!!

[@josedanielaragon]

Hola muchas gracias por tus tutoriales. Este video esta erróneamente en la lista de reproducción "Cómo hacer Temas (Theme) para Wordpress"

[@villaalexander4576]

Me encantan los tutoriales de este sujeto.

[@miguelsinmas502]

Genial, empece hace poco con visual studio code y con este corto video empece a coger confianza. Felicidades por el video. Un saludo y muchas gracias por ayudar

[@bluuweb]

+Miguel Espeso muchas gracias ! La idea es atreverse no más jijiji de ahora al infinito !! :)

[@edwardgomez5992]

Excelente, gracias por compartir tus conocimientos... Ya me cambie de Brackets por Visual Studio Code Saludos desde Colombia

[@bluuweb]

Brackets también es tremendo jijijij :)

[@32sigfrido]

Buenísimo el video, súper bien explicado y sencillo de entender. Te felicito e insto a que sigas ya que eres de gran ayuda para quienes damos los primeros pasos en estos temas. Saludos

[@Xaival]

Usaba notepad++ pero me has convencido en menos de 1 minuto con el autocompletado

[@salvador8143]

Yo antes usaba visual studio (el normal) pero en mi pc se tardaba algo en correr el código pero desde que llegó visual studio code es de lo mejor de lo mejor muy ligero y demasiado eficiente

[@bluuweb]

Si es muy ligero :) saludos

[@walterpaz1765]

Muchas gracias Ignacio, este tutorial es muy pequeño pero va al hueso.

[@valeriadesouza3821]

Gracias la verdad eres un genio explicando. La verdad me encanta y estoy aprendiendo un motón.

[@Henry_Seguel]

Gracias Ignacio, lo necesario para comenzar trabajando con VSC..!

[@luisestebanruiz9773]

Hermano, saludos desde colombia, tus cursos , son excelentes, pero lo mejor, es que tenés una pedagogía ( en este caso andragogía ), muy buena, que sos capaz de transformar en un lenguaje de calle ( del día a día ) los conceptos más tecnicos, probaré visual studio, sin embargo, ya que veo, que se puede integrar con git, te recomiendo, un editor de código, excelente , atom, que es de los mismos de github.

[@djtecnohalo]

Por favor sigue subiendo esta guia, me sirvio mucho y quisiera aprender mas de lo que enseñan en clases y explicas perfecto

[@johannysanchez8199]

Muy buen video gracias por la información.... Excelente... Espero compartas mas videos como este de gran provecho...

Qué bien explicas. Me suscribo. Gracias.

[@elianaleal2385]

excelente gracias por regalarnos tus conocimientos

[@SALT934]

Exelente ya hacía falta un tutorial sobre esta herramienta. gracias

[@bluuweb]

+Jonathan Sanchez gracias por tus comentarios 😁

[@d-landjs]

Excelente explicación sobre VS!!!

[@RayTechElectronics]

Muchas gracias por el tutorial es super claro y organizado.

[@lovarperu3703]

Excelente explicación amigo, me diste buenas luces sobre este programa. Estoy tratando de dejar el sublime text con su odiosa ventanita que se muestra cada 20 minutos.

[@josemiguelparra5072]

agradecido enormemente de tus conocimientos

[@alejandromonzon8659]

Holas profesor, empezando este curso, deseenme suerte! jajaja

[@walterpaz1765]

Excelente tutorial, mil gracias por el aporte.

[@goutthoven]

Gracias, muy buena explicación!

[@andersonanders3884]

No sabia como utilizarlo pero con el video ya se como atilizar div y otros

[@edicionesmendez8612]

yo uso ATOM, para mi es el mas completo y se pueden instalar temas,plugin y paquetes desde la misma aplicacion , llevo 2 años usandolo y no lo cambio por otro

[@josegonzalez-fw7or]

amigo,gracias por este video tan instructivo,porfin alguien hiso algo que sirba sobre visualstudio imaginate que yo no sabia ni como prender esa vaina.

[@bluuweb]

Jajajaja genial que puedas comprender :) saludos !!

[@karlavasquez9498]

buenísimo, gracias por tu explicación!!

[@purpos]

Estupendo me ayudó para comprender algunas cosas excelente

[@orlandogonzalez319]

hola bro, mira estuve viendo el tema de extensiones cuales recomendarías para este 2023 ya que las del video no tienen soporte o ya están pues obsoletas

[@josereynelchauxperez947]

Excelente material, muchas gracias !!!

[@rodrigoramirez9755]

Excelente tu video, eres buen instructor

[@deathpool5853]

JAJAJ SABIA QUE USABA ALGO NUEVO GRACIAS POR COMPARTIRLO

[@danielvargas1672]

Excelentes tutoriales.

[@daguero2012]

Muchas gracias. Super interesante. Saludos.

[@jotakupena4022]

gracias por tu tiempo lo entendi bien. pero queria preguntar solo instalamos esas extensiones que mencionaste o algunas por que a mi me sale muchisimas mas .

[@MisraimLugardo]

Muy bueno este editor.

[@CarlosCerdaZ]

Me interesó tu canal pero me parece que las teclas rápidas para Abrir Archivos es Ctrl + O (o, no 0), es decir 'O' de Open pero no 'cero' como aparece en el minuto 1:40. Este Ctrl + O se usa en la mayoría de los editores de cualquier clase.

[@magamextrabajo]

Excelente los videos sigue asi !!!!!

[@manuealvarez922]

jajaajaj un block de notas con superpoderes ers un crack sigue asi

[@juliorodriguez4946]

Grande Bluuweb!

[@BoNeLezsx]

Hola, tus videos me han ayudado mucho, saludos desde México. Estoy esperando tu curso de Sass

[@bluuweb]

Pronto pronto... una sorpresa jijiji

[@lmont3788]

Muchas gracias

Hola , muchas gracias por tus cursos..te pregunto se puede debuggear php en este IDE

[@JorgeAlexisPazBarrera]

Buenas noches, gracias por el video, un favor, vscode no me toma la barra invertida \ cuando la escribo, los demás editores si, que puede ser? Gracias

[@danyar718]

Diferencia entre visual Studio code y visual Studio enterprise o Professional?

[@juanfelipebuiles6525]

Ignacio me gusto mucho tu video y estoy haciendo una página con tu lista de html 5 y ya lo venia desarrollando con vscode. Una vez la termine me gustaría tu apreciación. Saludos.

[@bluuweb]

+El Pinche Pastel no hay problema ! Y gracias por ver los vídeos 💪💪😁

[@juanfelipebuiles6525]

Gracias a ti y me gustaría saber tus comentarios: pactiaweboprueba.ddns.net:88/pactia/index.html

[@DianaSanchez-qr5dc]

hola que tal. un pequeño favor como hago para restaurar la pantalla para que se vea normal

[@VickyGaby]

Hola gracias por tu trabajo .Una consulta como lo paso a idioma español??Saludos!!

[@dontqsy5101]

El término 'probando.py' no se reconoce como nombre de un cmdlet, función, archivo de script o programa ejecutable. Compruebe si escribió cor rectamente el nombre o, si incluyó una ruta de acceso, compruebe que dicha ruta es correcta e inténtelo de nuevo. En línea: 1 Carácter: 12 + probando.py

[@souls5175]

yo estoy aprendiendo java scrip este programa me sirve para eso¿¿¿

[@haroldmorales5188]

quisiera saber como ajustar el texto al tamaño de la ventana, el wrap.... por ejemplo que cuando hago la ventana del visualcode el texto se ajuste al tamaño, para no estra usando el scroll horizontalmente para leer el codigo.

[@oscarherran28]

Hola profe, cual es la diferencia entre subline text a visual stude code? cual de los 2 debo usar?

[@bluuweb]

Hola, la elección es tuya... es como windows o mac o linux jijiji todos los editores tienen sus ventajas y desventajas... yo prefiero enseñar ahora con visual studio code ya que es mucho más fácil instalar extensiones y trabajar con la terminal integrada... pero mi primer editor fue sublime text y lo sigo utilizando en algunos proyectos... pero es cosa que los pruebes y veas tu mejor elección... Saludos y espero ayudar!

[@andresestigarribia8926]

me gusta tu forma de hablar jsjsjajsj

[@carlosvasquez8561]

Como hago para que el programa me detecto el tipo de archivo en el que estoy trabajando? ya que no me aparece el icono de cada programa.

[@joseantoniobarreranunez9949]

Muchas gracias por el vídeo. Es estupendo.Una pregunta por favor. ¿Es gratis alguna de las extensiones que se señalan en el vídeo? Un saludo desde Málaga. Buenas noches.

[@bambanx]

Vale la pena aprenderlo hoy 2021? teniendo react native

[@maxmanuel_dev]

Muy bien explicado!

[@robertojaimez1086]

Respecto a los snippets, ¿como puedo tener toda la estructura de html preparada con los links, scripts y demas, ya que intente y solo me permite un pequeño fragmento?

[@stevenlopez1503]

Amigo, te equivocaste, es control "o" no control "cero". Pdta: Visual code también nos permite abrir la terminal de comandos dentro del software

[@yuiharu4229]

Me dice que mi Windows no es apta para esa versión, que Windows debo de instalar para poder usarlo?😢

[@renellamoccacuaresma3502]

Excelente video amigo, pero tengo un inconveniente instale la extension para los iconos aparecio por un momento, pero ahora no esta funcionando lo he desinstalado y vuelto a instalar y no aparece los iconos

[@LuisfelipeVanegas]

Muchas gracias por el contenido, la barra que se encuentra a la izquierda que tiene los iconos donde la habilito?

[@beticohernandez8039]

Hola ¿raro ese plugins no me resaltas las etiquetas de html?

[@mariofranco6376]

Hola porque no me pone al autocompletado de placeholder gracias

[@facundopereiro5883]

Hola brother una pregunta urgente, no se que configuracion cambie en vs code pero cuando apoyo el cursor sobre alguna variable, loop, funcion o cualquier linea de codigo en python no me abre una ventana con sugerencia o con la explicacion de para que sirve ese codigo. Lo que veo es que en los cursos que hago siempre les abre esa ventana pero yo no se como activarlo. Ojala alguien me pueda ayudar, muchas gracias

[@SALVADOR777SDR]

Una pregunta en visual Studio code viene instalado la librería pygame para python? Gracias al que responda.

[@luispelico2121]

Amigo, sabes como resetear o volver a los valores por defecto que traia VS, ya que movi y quite pesañas y no se como ponerlas de nuevo. Entonces quiero reestablecer VS.

[@alejandroperezreinoso7990]

Hola Bluuweb tengo una pregunta yo anteriormente programaba en Java usando Netbeans y por defecto en Netbeans cuando definia un metodo la llave de apertura seguia a cotinuacion del parentesis ejemplo public String getNombre(){ //codigo } ahora usando VSC aparece debajo public String getNombre() { //codigo } existe alguna manera de cambiar esa configuracion y dejarla como en Java?. Gracias

[@kristhianlive6385]

Hola tienes muy buenos videos que me sirvieron demacioado, te agradeceria mucho si realizas un video enseñando a como crear un Buscador interno pero los resultados votados que salga con una descripcion y una pequeña imagen GRACIAS Y MIL GRACIAS SI REALIZAS ESE TIPO DE VIDEO (y)

[@bluuweb]

+Cristian Atapaucat LG jajaja cuando lo sepa hacer te comento jijiji

[@eugeniolopezluksenberg5979]

alguno sabe por que instalo pero no puedo ejecutarlo correctamente (se abre una pantalla que quiere abrirla pero se tilda antes de poder ejecutarse). gracias!

[@sonyey100]

Cordial saludo!! que buen video, muchas gracias por compartir... tengo una duda.. se puede programar VBA y ejecutar el mismo codigo en este editor?

[@mwebs3605]

Hola ¿cómo lo customizo a español?

[@GRProducciones]

En extensiones busca "Languaje Spanish".

[@rantesMDP]

Gran pregunta y mejor respuesta. Gracias.

[@ramirezexequiel92]

Hay alguna forma de que Vistual Studio me muestre las explicaciones en español?, porque el menú y las opciones si las pase al español, pero no así los mensajes emergentes al apoyarse. Gracias.

[@luiseduardooliva1146]

BUEN DIA ,,,NECESITO DE UN ENTENDIDO.. bajo la aplicacion,,y solo se descarga en ingles...COMO BAJARLA EN ESPAÑOL..¿¿

[@looktrendy2676]

Hola! Muy bueno el vídeo. Tengo 2 dudas es conveniente cambiar a español.En el curso para principiantes cuando hice la carpeta de Css y luego Estilos Css cuando voy al bog de notas solo se enlaza la 1 carpeta y no el de estilos con el ejemplo del h2 {color . Que estoy haciendo mal? me ayudas. Muchas gracias

[@AlejandroHernandez-iy1pc]

instale el vscode-icons y no se habilita, como puedo hacerle?

[@erickhernanbilbaogutierrez9107]

¿una consulta como podria desabilitar las definiciones de los comandos en el VISUAL STUDIO CODE?, se lo agradeceria mucho

[@angelbello2753]

hola ignacio ...para visual code hay textos predeterminado como el Lorem Ipsum ?

[@bluuweb]

Hola, por ahora he probado escribir lorem+tabulador y me sale un texto ... pero aún no descubro como hacer para manejar el tamaño... Saludos y me comentas si te funciona...

[@angelbello2753]

si funciono lorem+tabulador. por ahora tomare el texto que esta predeterminado para practicar. excelente ayuda ..ok gracias.

[@bluuweb]

+angel bello genial! :)

[@RaimundoBaravaglio]

¿Sólo a mi se me ocurre poner lorem10000 + tab y llenar de palabras mi archivo para probar? jajajaj

[@bluuweb]

+Raimundo Baravaglio jajajaja notable! Jijijiji

[@mauriciopizarro8265]

buen video.. cómo pones vs code en español?

[@Tony-oo9ph]

Disculpa estoy trabajando en Linux como le podría cambiar el idioma de inglés a español

[@SALVADOR777SDR]

Que diferencia hay entre visual Studio community y visual Studio code?

[@maxtorres2420]

Hola hay un software que pueda diseñar una plantilla y me escriba el código html, tipo FrpmPage o algo parecido?

[@jose_aranda]

buen video!

[@mochellalle3524]

amigo, desde hace unos dias, mi visual studio code no habre para nada, no sale ningun mensaje, alguna solucion? gracias de ante mano :(?

[@maximilianosilva7028]

sabes si soporta cobol ?