Visual Studio Code. Mi Configuración de extensiones 2020

Este es un video en el que les muestro las extensiones, temas y configuraciones más básicas que uso en Visual Studio Code. Actualmente, uno de los editores de código más utilizados actualmente.
CURSO DE NODEJS
• Nodejs Curso Desde Cer...
CURSO DE EXPRESSJS (FRAMEWORK DE NODEJS)
• Expressjs | Nodejs Fra...
CURSO DE MONGODB
• MongoDB Curso, Introdu...
TWILIO ENVIAR Y RECIBIR SMS CON NODEJS
• Nodejs | Mensajes de T...
CURSO DE GIT
• Git y Github | Curso P...
CURSO DE SOCKETIO
• Socket.io | Curso Prác...
MONGOOSE INTRODUCCION PRACTICA
• Mongoose | Introduccci...
NODEJS VARIABLES DE ENTORNO
• Variables de Entorno e...
VISUAL STUDIO CODE
• Visual Studio Code - M...
VISITA MI SITIO WEB PARA MAS CURSOS Y CONTENIDO
www.faztweb.com
blog.faztweb.com
SE UN MIEMBRO DEL CANAL:
/ @faztcode
FAZT - KZbin:
/ fazttech
TWITTER
/ fazttech
INSTAGRAM
/ fazttech
FACEBOOK
/ fazttech
DISCORD
/ discord
SLACK
join.slack.com/t/fazt/shared_...
#vscode #web #programacion

[@thundergabriel]

0:17 Instalación VScode 1:37 Tema Dobri Next 2:25 Material Icon 6:00 Peacock 9:35 Prettier 14:00 ESLint 15:36 PHP IntelliSense 16:07 Python 17:25 Go 17:50 Rust 18:27 Dart 20:00 Vim 22:50 Docker 24:25 Live Server 25:40 Word Wrap 26:40 Settings 30:50 Css Formater 32:22 Debugger for Chrome 33:30 DotENV 34:24 Draw.Io 38:00 Kite 39:25 Angular Essentials 40:40 es7 - React 42:35 Vetur -vue 42:50 GraphQL

[@Kalostro69]

45 min resumidos. Perfección

[@ruddymolina3670]

Gracias maestro.

[@raphael6161]

Gracias! Una consulta, cómo se llama el tema de Windows que estás usando xq el diseño es distinto

[@zitasanchez919]

@@raphael6161 la barra de cortaba está oculta nada más creo

[@jeissonj]

Gracias

[@mrholmanc]

El video más esperado por America Latina, gracias,

[@luisdavidrivero1776]

Fazt, eres un crack y muchas gracias por todo lo que haces. Te propongo como idea hacer tutoriales de otras herramientas poco famosas pero con un gran recorrido, por ejemplo Vim y Emacs. Saludos.

[@DaliyTv]

Muchas gracias, la extensión de Live Server me es bastante util.

[@soypooofavo]

Lo estoy enviendo en 2021 y me he visto todo el video me encanto la explicacion muy detallada la verdad felicitaciones.

[@santiagolechon9591]

Como siempre buen contenido en tu canal, estare esperando lo siguiente para configurar de mejor manera VSCode, saludos.

[@RafaelLorenteSalgueiro]

Muchas gracias por lo de kite, siempre veo tus videos completos porque no se en que momento voy a encontrar algo que me pueda servir.

[@hecand]

Excelente video y de los mejores para armar el ambiente deseado, mil gracias

[@JonasReyes]

Bravo! Gran Video, Muchas gracias Fazt!

[@daviddwq4513]

Buenísimo! Normalmente sigo tutos en inglés porque los que había visto en español eran muy malos. Pero éste canal de Fazt Code es muy bueno o un crack! Me suscribo a tu canal :D

[@TheYoung9]

Excelente Video Fazt !! te falto mencionar la extensión: Visual Studio IntelliCode Auto Completado para Lenguajes de Escritorio y Web, Muy bueno. Saludos !!

[@santaflowjoker]

Gracias amigo buen vídeo, no olvides el de Eslint, he escuchado mucho de esta extensión pero nadie dice como configurarla.

[@sergior9807]

Me encanto la extensión que pone diferente color a cada ventana, me es muy útil

[@franciscomolina-dev]

Ahora si me pase al 100% al VSC. Gracias por la guia!

[@zobeklol7852]

Se que puede sonar novato, pero cuando dividiste las pantalla con win+left/right arrow me exploto el cerebro xd

[@roggerclaudioaponte4552]

Alguien sabe como hacer esto con teclas en mac ?

[@luisalvarez6375]

El curso de las funciones de VsCode seria muy Cool :D

[@josuecerrontuesta5661]

Eres un crack man. Lanza cursos completos y me uno en one!

[@ElkinGuillermoForeroRosado]

El vídeo dura 45 minutos y a los 5 minutos ya dicen que vídeo tan bueno. Siempre es bueno saber que Configuración utilizar, gracias

[@EdwinAr]

Excelente video, voy a configurarlo así

[@elemirnj]

Excelente. Muchas gracias por compartir tus conocimientos.

[@aghent4793]

Mil Gracias Fazt Realmente eres un crack...!! Saludos

[@zimcity6970]

Que buen video , exelente aporte a la comunidad un saludo enorme ¡

[@BelajarPemrogramanPemula]

visual studio code is cool, I also use this tool for some specific programming language coding

[@loboarrasador7553]

Me encantó!!! Buen video amigo.

[@alejoslipknot1]

Fazt que gran vídeo, gracias!! Deberías hacer un vídeo hablando sobre el aprendizaje autónomo, dando consejos sobre como hacerlo de manera eficiente.

[@EdwinAr]

Ya existe por ahí, búscalo en el otro canal

[@eduardozapataaccho2792]

Por fin gracias lo necesitaba ¡¡¡¡

[@joaov86]

Hola Fazt, son muy buenos tus vídeos, actualmente me he quedado en Javascript, quisiera saber si nos podrías recomendar algún vídeo o algo para profundizar respecto a Javascript, para ser todo un capo como tú. O alguna persona que pueda recomendar se lo agradecería mucho.

[@The_Caesar6186]

me gusto la pagina de diagramas muy bueno para dibujar pseudocodigo diagramas de flujo gracias muy buenas herramientas

[@FapCod]

Buen video muchas gracias Fazt

[@jforti]

Bracket Pair Colorizer indent-rainbow vuetify-vscode

[@dubancardona2289]

Gran video👍, podrías hacer uno acerca de tu configuración de Windows 2020

[@ELANTYTODO]

Sos un capo, como siempre gracias.

[@luisangelpeguero4256]

Nuevo subs me ayudas mucho para poder aprender a programar lo recomiendo 100%

[@umanzorgerson]

Que customizacion de windows es esa?

[@DonecEris]

Muy bueno. gracias por tu tiempo.

[@fergoable]

muchas gracias muy bien explicado saludos

[@RAFALAMAO_]

Eres grande bro!

[@jeysonramos1418]

gracias maestro :) .!

[@jesusorozco294]

Fazt, por favor haz un proyecto básico con Angular, PHP y Mysql, muchas gracias!

[@adrianfgutierrez2836]

Gracias amigo 👍🏾

[@Jmontero1804]

Her Coder!, Gracias

[@abrahamcastillov.102]

Muy buen video, gracias.

[@jmjl2]

Buen video fazt!

[@jmjl2]

Lo de el curso paso a paso me gusto

[@testball244]

creo que te falto live share, emmet (html,css), auto rename tag, bracket pair colorizer, css peek, error lens(aunque no se si esta funciona igual que eslint),indent rainbow,rest client(hacer peticiones de la misma forma que lo hace postman), gitlens, bit kracken (creo se llama asi). Pero gracias busque por mucho tiempo intellisence y no sabia como buscarlo y peacock tampoco la conocia, deberias en un futuro hablar sobre las herramientas del browser, ahi tambn ahi muchismo potencial, excelente video amigo.

[@jovannyrch9209]

Emmet ya viene por default en VSCode

[@fernandovasquez7088]

excelente, ojala lo de peacock funcione en algun momento con ADS.

[@Beast-cc7xd]

sos un genio gracias

[@FrankGP.com.]

buenisimo

[@soyismaelone]

Hola! Quiero poner 2 monitores, creo que es bastante útil, podrías explicar cómo expandir VSCode con dos monitores, uno en horizontal y otro en vertical. Gracias por todas tus explicaciones!

[@cristianlopez7617]

Fazt as un video de como crear una app como red social así como Facebook,Instagram etc... los screen shot , inicio de secion etc... sería muy interesante

[@Nigh123]

EXCELENTE

[@ivanvelez2487]

Muy buen vídeo, pero graba uno explicando como configurar el visual para php.

[@bryanperez3668]

hola, Fast, sería genial un tutorial sobre eslint para VSC, sigue adelante

[@jonathanbedoya8180]

Muchas gracias hermano! Como guardas o que extensión tienes para los templates? Lo siento soy nuevo, apenas empecé hace dos días a estudiar Programación.

[@MatiasHatake15]

Muy buen video muchas gracias, una duda que windows estas utilizando ?

[@franciscocontreras93]

Gracias! Una pregunta que tema usas en w10?

[@briandevs]

Fazt podrías elaborar un tutorial sobre Vim y como usarlo en VS Code!

[@CamiloGonzalez80]

Crack !!

[@khrisparrales]

Genial y Fazt como se personaliza así el windows? Me refiero al color y icono que tienes

[@jimmyvizcardo5099]

este pibe la conoce :)

[@xoserey]

Gracias fazt

[@stephanieazorsa903]

Lovit!

[@lucianoolivera3878]

muy buenooo!! solo tengo una consulta, como podria agregar el boton play para iniciar el programa desde el mismo vs code como he visto en otros videos? asi no tengo que ir al a consola siempre para hacerlo! muchas gracias!

[@JaimieVega]

Gracias fazt el wordWrap lo puedes configurar desde settings es mas facil,viene off y lo colocas on

[@ProfesorMARK]

Hola, muchas gracias por el video. ¿Cómo se llama el estilo visual que tienes en Windows 10?

[@jhonattangarcia2405]

Buen video. Como hiciste para darle esa apariencia al Windows 10? Se ve genial.

[@rodolfolopezp]

Excelente

[@FaztCode]

Gracias Rodolfo. Exitos!

[@jorgeperezcuentas3502]

Puedes tener workspace's en una misma ventana es lo que yo utilizo. Con (control + shift + n ) abres una nueva ventana y con ( control + k + o ) abres una carpeta.

[@chapid302]

Que bien, también es recomendable usar Settings Sync.

[@ae.h.h]

Para qué es?

[@PORZTIIVEEN2013]

​@@ae.h.h Sincronizar tus configuraciones, extensiones con git. En caso de que necesites formatear tu pc, o guardar todas tus preferencias del VSCode en gitHub. (gists)

[@sergiovaldez9954]

Gracias

[@jaimeviloriogreen]

Papa, qué tengo que hacer para que hagas un video instalando jitsi en Digital Ocean? Oye, me interesa full hermano. Ahhh, muy buen video por cierto!

[@silfrancissoriano7277]

HI code, gracias por tus muy buenos videos, como puedo activar la barra inferior de visual studio code? many thanks

[@gabrielborges8854]

Gran vídeo fazt, puedes hacer un tutorial de como personalizar windows así como lo tienes

[@FaztCode]

Voy a publicar uno esta semana :)

[@yesidev4131]

@@FaztCode fazt pero si es recomendable????, es que ese tema lo vi en otro video pero me tope con comentarios que hablaban de, que al haber una actualizacion de windows el sistema les fallaba y les tocaba restaurar el pc, a ti no te ha dado ningun inconveniente???

[@informaticatercero9488]

Para cuando machine learning Fazt por favor

[@lindltaylor4093]

excelente fazt revisare cuales me hacen falta :D

[@asbeldev3071]

Vim me acordé de vim, tenías que lanzar un pequeño curso. Intenté probarlo pero tarde más . Sería genial que lo lanzaras ahora .

[@tino94]

Vim no lo aprendes en pocas horas, necesitas varias y mucha práctica...

[@piero6033]

y un video de tu configuracion de windows? pq esta buena

[@jesusalfonzo6280]

como puedes tener el ejecutar , el menu contextual en tema oscuro ? buen video crack

[@rauldurand]

Que opinas de la extensión NeoVim, parece más completa que el vscodevim, ya que no es apenas un emulador de vim.

[@fenryrfrye7644]

Buenas, habrá alguna extensión que te permita escribir código php y html y funcione el auto completado para los dos?

[@DanielMorales071]

Thanks

[@abelalvarezgonzalez6723]

que usas para que te aparezcan la lista de comandos para que se te autocompleten al pulsar tab?

[@mambor0507]

Buen video fazt como puedo hacer que en HTML al seleccionar la etiqueta de apertura me marque la de cierre saludos.

[@Zostrix04]

buen video, tu voz se parece a la de fernan

[@OsirisBerbesia]

subiras pronto tu setup del 2021?

[@creativa192]

Woow woow

[@alejandrosuazocalix1941]

Felicidades, conoces alguna extension para cliente soap??

[@marvinzuniga6706]

ya conozco Vs Code, ya conozco Atom, Sublime Text... AHORA estoy tratando de aprender a usar VIM

[@diegozinna7808]

Hola Fast, tenes video tutorial de GO?

[@manuelalejandro550]

hola, estoy usando VSC desde hace 1 año aproximadamente. He usado desde siempre Dreamweaver. Quería saber si conoces de alguna extensión o configuración en VSC que permita mostrar los archivos que se encuentran relacionados con el archivo principal que tengo abierto. En DW cuando abro un index.php por ejemplo me muestra en un barra más inferior todos los archivos (css, php, js, etc) que se encuentran incluidos en este y es súper fácil y rápido accceder a estos archivos.

[@senseikoder]

que tema de Windows usas? esta chulo

[@lemaa2754]

ty

[@cristhian6166]

Fazt quería saber si utilizas ESLint o JSHint y si pudieras hacer un tutorial para configurarlo

[@FaztCode]

actualmente utilizo eslint. y es buena idea, voy a elaborar un ejemplo practico :)

[@pandirel]

Alguna extencion para Optimizar el VScode ?

[@andypaz7895]

Es una personalización de Windows la que utiliza ?

[@gilbertotorres6092]

haz un video del uso de la terminal de windows.

[@roberto.melgar]

muchas gracias Una pregunta porque no me autocompleta en vs code por ejemplo escribo he visto en algunos videos que aparecen las sugerencias por ejemplo si escribo justify- y ya me muestran sugerencias pero no me aparece, como puedo resulverlo? Gracias

[@kantyDarius]

Gracias Fazt, muy bueno como siempre, a alguien le funciona la extensión "TabNine"? 🤔

[@yesidev4131]

a mi me funciona, pero lo debo estar habilitanto y deshabilitando por lo que consume mucha ram (mas de una giga solo la mera extension), por lo que mi pc por ahora tiene 8 de ram, y la verdad es muy buena, si mi pc fuera de 16 de ram la dejaria todo el tiempo, pero como programo para móviles y a veces me toca tener corriendo un backend, un emulador, tener dos o mas editores abiertos, el navegador en fin, entonces lo que hago es cuando programo lo uso, cuando necesito correr servicios y probar cambios la deshabilito y asi en caso que ps el pc vaya muy cargado

[@Benjamin-vv3br]

@Fazt Code y hablando de extensiones para chrome ¿cuáles utilizas?

[@decaribescom7304]

Oye Fast, cuando dices en el 1:51 aquí podemos ver, a donde le distes clic?

[@jimmyfredynavarrozapana1911]

tengo un problema al momento de importar librerias, anteriormente usaba el spyder pero ahora quiero trabajar con el visual, pero importo la libreria numpy o matplotlib me indica "No module named 'numpy'" a pesar de ue lo uso con varias versiones de python,