Visual Studio Code - Mi Configuración 2019

En este video voy a compartir mi configuración personal de Visual Studio code, en cuanto a desarrollo y programación en general.
Visual Studio Code es tan solo un editor, pero posee tantos plugins, que puede convertirse en un IDE bastante util para trabajar desde cualquier entorno y con cualquier lenguaje de estos dias como Javascript, C/C++, Typescript, C#, Java, Python, Go, entre otros.
🛍 Descuentos:
NordVPN ➞ 68% de descuento en plan de 2 años ➞ Código: fazt
Hostinger ➞ 7% de descuento en cualquier compra ➞Código: FAZT
Digital Ocean ➞ Obtén 100$ gratis ➞ m.do.co/c/8ef2...
👨‍💻 ¿Qué servicios utilizo?
Brave ➞ brave.com/faz053
NordVPN ➞ bit.ly/2Te7p0J
Hostinger ➞ www.hostg.xyz/...
Cloudinary ➞ bit.ly/3ohNlJ7
SiteGround ➞ bit.ly/31u9ZEk
Namecheap ➞ bit.ly/3kne9W8
🖥️ Cursos:
Curso de Python Para Principiantes ➞ • Curso Python para Prin...
Curso de Raspberry PI ➞ • Raspberry Pi, Curso pa...
Setup Visual Studio Code ➞ • Visual Studio Code, Ed...
Curso del Stack MERN ➞ • MERN STACK & Typescrip...
Curso de Typescript ➞ • Typescript | Curso Prá...
🌐 Redes:
Fazt Web ➞ www.faztweb.com/
Facebook ➞ / fazttech
Instagram ➞ / fazttech
Twitter ➞ / fazttech
Telegram ➞ t.me/fazttech
Twitch ➞ / fazttech
Slack ➞ bit.ly/3dPqCPT
Discord ➞ / discord
Blog ➞ blog.faztweb.com
📩 Contacto:
➞ [e-mail]
➞ [e-mail]
¡Gracias a Kite por ayudar a publicar más contenido! Kite es un asistente de autocompletado gratuito con tecnología de IA que te ayudará a codificar de forma más rápida e inteligente:
Haz clic aquí ➞ bit.ly/3dPzXHe ➞ para saber más.
#vscode #ide #kite

[@fernandotimo]

Por si andas como yo instalando varias veces 1 Live Server 2 HtmlTagWrap 3 AutoRenameTag 4 Bracket Pair Colorizer 5 Prettier 6 Code Runner 7 Dobri Next 8 Vim 9 Material Icon Theme

[@esiem_]

capa

[@programaciondisenoymanteni2363]

Justo lo que buscaba en la descripción, gracias.

[@pablohernandez4305]

Gracias maestro

[@diegovasquez3919]

ward

[@JuanHernandez-wr9fy]

@@brianbohorquez853 no

[@diegovargasdev]

7:23 Live Server / 9:40 Git / 11:15 live server/ (peogramar en la nube) 16:05 htmltragwap/ 21:00 Auto rename tag/ 25:00 Bracket paid colorizer(color code) 26:50 Python/ 28:15 Prettier (para identar codigo) 31:00 Code Runner (correr programa ejecutar programa) 38:08 Node js

[@unedocencia1069]

36:00 "Para reiniciarlo vamos a hacer algo sumamente complicado, que es, cerrar el editor y volverlo a abrir" XD me alegraste el día. Muchas gracias por tus tips de viejo lobo de mar... eres capo!

[@denrytech]

Para crear la estructura básica de HTML 5 basta con el símbolo de exclamación "!" + TAB, un poquito más corto :)

[@emmanuelhernandez8606]

Interesante dato

[@mariocalcetin7602]

valla dato perturbador !! muchas gracias.

[@legalmix]

Hola Denry, Sabes como puedo editar la plantilla por defecto? me gustaria agregarle algunos meta datos extra por defecto

[@joaquinotonielcastillotell3967]

Gracias

[@orlando4166]

@@joaquinotonielcastillotell3967 Gracias por este dato. Soy nuevo y quiero dominar este editor, recomiéndame algún curso, libro o tutoria;. Gracias

[@diosesamor.6213]

Dios mio... Al fin por Dios tantos dias sin entender cómo se usaba el visual, habia visto tantos tutoriales y ninguno me servía para emprender en este mundo. Muchas gracias 👍 👍 SUSCRITO

[@eek1452]

... excelente video, uf, espero en el futuro saber tanto como tú, profesor Fazt (aunque no sé qué termino es mejor ¿senpai?). • Plugins 1. Live Server 11:20 2. htmltagwrap 15:53 3. Auto Rename Tag 20:19 4. Bracket Pair Colorizer 23:08 5. Prettier 28:06 6. Code Runner 31:29 ... configuración personal de Fazt ... 7. Dobri Next 41:31 8. Material Icon Theme 43:09 9. Vim 44:56

[@pularev93]

a penas empezo el video, pensé... "Que buen video, que buen audio, que edición"... Claro no me di cuenta que era el inigualable "Fazt".

[@FapCod]

ajajajaja lo mismo pense

[@MrEtrevia]

Tengo varias semanas navegando en la red, buscando conocimiento, y encontre tu canal, excelente, me encanta como explicas, y todo es muy claro, voy a ver todos tus curcos de html, css y js.

[@h4oo]

Alguien más sentía los estragos de la abstinencia de los videos de Fazt? Recuperate lo mas que puedas bro!

[@mariocalcetin7602]

Don Fatz , dicen que todos los caminos llevan a roma , yo podria decir que todas mis preguntas llevan por respuesta sus videos. Muchas gracias por tremendo trabajo que hace ud señor , sinceramente soy el profesional que soy gracias y en gran medida a su contenido y el de muchos que suben e intentar esparcir su conocimiento para llegar a tocar a otros con el . Saludos desde chile y me pico el bichito de probar otro editor le fui fuel a sublime text mucho tiempo pero ahora quiero probar que tal anda VisualStudio , en mi trabajo varios lo usan asi que bueno veamos que tal esta.

[@EdwinRebolledo]

El de prettier tambien pueden ir a los setting y buscar el format on save y activarlo y listo, al guardar ya se aplica

[@jonyedu19]

Cuando vi 50 minitos, me quede como loco, pero, poco a poco que iba viendo, estuvo muy interesante y con tips muy importante. Muchas gracias.

[@HewerthVengeance]

llevo 4 dias estudiando node y ni te imaginas cuanto me has ayudado! de verdad muchas gracias por el contenido. Sigue así man :D

[@juanpablogomez2171]

excelentes videos Fazt , Gracias al tiempo y a la paciencia que dedicas a enseñar , he entendido y aprendido lo básico de Html y el programa visual code, Dios te bendiga y sigue enseñando como lo haces, la humildad te hace grande, saludos desde panamá.

[@kikemr1]

Amigo! estoy comenzando en el mundo del desarrollo y tenía un dilema con VS Code, y es que no podía ejecutar el código de Java Script. Pensaba que con solo instalar Node.js se solucionaba el problema. Me partí la cabeza como dos semanas buscando como hacerlo y por fin apareces con el "Code Runer" aleluyaaaa!!! Jajajajajaja. El Git Bash sirve para los mismo? Gracias por esos tutoriales tan buenos. Te deseo la mejor energía.

[@JakelineSofiaCamposCabello]

xas!! que bien me caes. Justo como dices Fazt. Rápido explicando, y directo al punto.

[@davevillamor8146]

Habilitar o deshabilitar el salto de line a se puede hacer con "Alt + z" en algunas ocasiones quieres ver todo en una linea y en otras no :D

[@danicuencasoldado9009]

Genial! Ya me he suscrito, muy interesantes las extensiones. Para alguien empezando como yo, el tutorial está muy claro. Por cierto, tengo una pregunta de CODE RUNNER: ¿tengo que parar de ejecutar el código (Ctrl+Alt+M) para poder volver a ejecutar el código con las modificaciones que haya hecho? SI no hago esto, me sale un mensaje conforme el código ya se está ejecutando... Saludos desde Barcelona!

[@casaescuela4842]

muy muy util y didactico... mil gracias

[@liorocker1]

Aprendí Angular por tu vídeo de introducción, luego seguí con el MEAN stack, y me da gusto saber que pronto aprenderemos Ionic para seguir aplicando Angular pero del lado móvil :D

[@javifelices]

Buenas, antes de nada gracias por compartir, por tu experiencia y por hacerlo de forma tan clara. Una cosilla, sobre la extensión Bracket Pair Colorizer, el mismo autor está desarrollando otra nueva verisón, no hay confusión, llamada Bracket Pair Colorizer 2, está en Beta, pero seguro que reemplazará a la primera cuando salga de esa beta.

[@enigma7381]

esperare con gusto el video de vim

[@paolagalarza2823]

Tu canal es mi preferido!... gracias. Tienes mi agrado y mis likes

[@joshuaosorioo.746]

muchas gracias we, pese que se tenia que descargar una extensión para el auto rellenado de sintaxis, me ayudo mucho en cosas que no sabia. gracias.

[@orlando4166]

Definitivamente, es el mejor video de Visual Studio Code que he visto

[@endersonmarin4035]

Excelente Fazt, sigue así compartiendo tus conocimientos, esperamos los vídeos de aplicaciones móviles, Saludos.

[@JavierdelCobo]

Espectacular! Muchas gracias por compartir. Y esperando el curso introductorio a Vim: ¡menudo descubrimiento!

[@MannyGonzalezReyna]

Lo uso para C++, JavaScript y Python, excelente y rapido!

[@erickstalynpacherrezpuyen2064]

Hola Fazt :3, saludos desde Chiclayo - Perú. Gracias por brindarnos lo poco o mucho que sabes...Gracias compatriota

[@aldosoto4122]

Gracias amigo, terminaba de ver tu video de angular y me anime por probar VSCode y buscaba un video para personalizarlo como con brackets. Saludos desde Puebla Mexico.

[@gustavoestebanborragan3966]

Gracias por tus vídeos. Quiero hacerte una petición... uso de la API de Spotify. Gracias de nuevo.

[@mleffron86]

Muy buen video!!! Te felicito y te agradezco por la claridad que tenes al explicar y lo útil que me resultó este video. 😃

[@wam3d]

Excelente video. Gracias de nuevo por compartir. Quedamos pendientes del vídeo introductorio de Vim. Saludos.

[@marcelozezan8625]

Super tutorial.. muy conpleto y la información fluida.. gracia x su tiempo y conocimiento

[@damianmiguelriveravillanue7337]

Voy empezando con esto del desarrollo web, y este vídeo me sirvió demasiado, Muchas Gracias FAZT!!!

[@juanfeliperojas1688]

Gracias a videos como este las cosas son mas faciles.

[@javier_jhdz]

a mi no me deja poner la carpeta dentro de el programa :( ayudaaaaaa

[@sergiolaureano6350]

36:00 vamos a reiniciarlo. Para reiniciarlo vamos hacer algo sumamente complicado. Que es cerrar el editor y volverlo abrir. :)

[@matiaswalterr]

Emmet ya trae un comando que hace lo mismo que htmltagwrap, seleccionan un pedazo de codigo > abren el command palette y buscar Emmet: wrap with abbreviation > seleccionan la opcion y escriben la etiqueta que quieran agregar. Para hacerlo mas sencillo se pueden cambiarle el keybinding por un atajo que les sea comodo.

[@matiaswalterr]

Y a su vez pueden usar snippets de emmet dentro de ese atajo

[@raulhende9219]

Hola Fazt, muy buen material como siempre. Lo que quisiera saber es si tendrias o prodrias realizar alguna aplicacion con conexion a BD y poder emitir algun reporte. Desde ya muchas gracias. Saludos desde La Rioja - Argentina

[@enigma7381]

Enamoras WE!!! xddd tienes una manera muy buena de explicar, gracias por tus videos!!

[@rodrigomendoza9342]

Gracias me ayudo a configurar mi Vs Code

[@TheErhC]

Bien!!, Justo a tiempo.. Gracias

[@norbertosigel5929]

Se agradece el aporte realizado. La verdad que muy claro y sumamente entendible 👌👍

[@laban1st]

muy buen video aunque creo que es mas dificil programas un edificio en 3d y ademas de generar los renders con todas las variables editarlos para generar emociones en los clientes, muy buena info muchisimas gracias !!

[@pokortec9773]

Un excelente video, ayuda mucho para los que estamos aprendiendo.

[@joffreveloz2410]

Oye que bestia eres un Dios

[@manolomaru]

Súper video compadre. Ultrasuperlike para ti ✨👌⭐️🤩⭐️👍✨

[@SomosAndroid]

Te agradezco mucho lo de word wrap! Muchas gracias por los consejos

[@scarfacethebest]

Hasta se puede hacer de forma nativa en VS Code, pero hay que configurar los shortcuts.

[@eddiekaka1452]

Este conocimiento si es necesario, gracias

[@anikilador8]

Aqui Fazt salvando nuevamente

[@valmorevasquez3829]

Excelente, muy ilustrativo.

[@DesarrolladorHansLuyo]

Creo que ya es hora utilizar visual code y aprender algo nuevo.

[@juansincelejo]

Gracias por el aporte, me gustó muhco, estaría agradecido si pudieras hacer un video corto de como realizar un backup de la configuración de VSC (exportarlo) y así porderlo cargar en una instalación nueva. Bueno, no se si sea posible, saludos.

[@ximenapenailillo1212]

ayuda!!! estoy empezando pero cuando guardo, el icono en el escritorio no me sale con google, sino con microsoft edge como se configura :((((

[@javier_jhdz]

yo pienso que debes de cambiar el navegador predeterminado a Google Chrome ya que normalmente esta en Microsoft

[@apcxcr]

Demasiado útil

[@GeZtOySeNeZ]

El de tag wrap ya viene integrado en emmet

[@ricksbeker9300]

Me hiciste retomar la programación, gracias 😄

[@franzmedrano8580]

Gran vídeo siempre hacia falta !! 👌🏻

[@walterustaris4934]

Una consulta: Tuve un problema con el Node, error en el Terminal del VSCode me dice: /bin/sh: node: no se encontró la orden cuando quise correr el index.js. Lo curioso es que en un terminal externo que abrí pregunto x la versión de node o nodejs y npm, y me dice: V8.10.0 y npm V3.5.2 Mientras que en el terminal integrado del VSCode me dice command not found. Help me please..??? Gracias.

[@carlos126q]

Gracias por subir este video!

[@retalo03]

Excelent video Fazt. Oye instale el Live Server y no me aparece el botón de Go Live. Reinicié la PC y nada. Sabrás que puede pasar en este caso, estoy en Windows 10 Home x64 Based PC y tengo la última versión de Visual Studio Code, alguna sugerencia, gracias por tu aporte!

[@danielpadilla3947]

Mil gracias 👍

[@orlando4166]

Excelente video, muy didáctico y sencillo. Te felicito

[@matonolo]

Un video de Vim porfavor. Está muy interesante

[@danielpadilla3947]

Gracias brow esto me ayudará bastante

[@angelrodrigo7637]

Gracias me esta siendo muy útil.

[@nikolam-dev]

Fazt por favor has un video de neovim en windows y los plugins para volverlo un entorno para desarrollo

[@fernandoacosta8581]

Que vídeo tan útil!!!!!

[@felixVzla]

Que crack eres Fazt, muy interesante y productivo este video. Sigue así.

[@alexdevorigin1]

fazt tu web fue creada con que lenguajes?

[@rdaguerre]

Hola, De canelones, uruguay. queria saber si hay algun plugin que te guste para autoagregar el punto y coma en python u otros lenguajes? saludos

[@familiacruzsantiago1450]

Gracias por este video tan excelente

[@cecisg6643]

Excelente vídeo gracias por compartir conocimientos de mucha importancia. Y siga compartiendo más sus conocimientos valiosos es de mucha ayuda.

[@Felicidades-pw6dl]

No entiendo mucho de pcs, pero ¿puedo buscar los colores sin saber sus códigos?

[@rjcdz06]

Muy buena data!

[@ramosgot]

Excelente vídeo, tomé un par de plugins muy útiles y que no conocía. Gracias

[@IngPedroAraujo]

Hay alguna manera de activar las extensiones según lo que este programando? por ejemplo, si estoy desarrollando una aplicación en JAVA, me gustaría tener solo activada las extensiones para este lenguaje de programación.

[@yesilili]

gracias por la información

[@martimarti-kj5ku]

eres un crack, muchas gracias

[@mariacca]

En VSC hay algún plug-in para sustituir los tab por espacio Simple o se puede usar el comando diff??

[@Coffee_SFX]

Hola y te amo por enseñarme

[@apeveri]

Excelente. Muchas gracias

[@sapiensa7773]

Gracias por la info

[@1810libra]

Lo máximo! Gracias

[@yeisonruizcuri4987]

Hola que tal podrias realizar un video explicando las estructura de un proyecto en ionic v 4.12.0, se le agradeceria un monton

[@NicolasSilvaVasault]

jamas entendi por que la gente se engancho tanto con editores como sublime text, visual studio code es poderoso, la comunidad ha ayudado un monton a generar plugins tremendamente utiles, su interfaz es ultra de sencilla, su herramienta debug es super sencilla de usar, y un largo etc.

[@1994Srpapanatas]

Muchas gracias por el video

[@GonDevel]

Vine apenas me aviso la campana

[@eliezerhilario]

Excelente video. Me ayuda a ser mucho más productivo. Muchas gracias.

[@josuecor24]

Eres muy bueno, muchas gracias.

[@federicogarciarena9703]

Hola, necesito saber cómo ajustar el código, las líneas "guías verticales" de vs cose de etiqueta a etiqueta hacia abajo color grises, quiero q tengan más espacio entre si, a la derecha. Gracias Sos excelente Profesor

[@CristianSanchez-rg2uu]

Bien Fazt, gran aporte el tuyo. Saludos.

[@evimlenx]

Excelente trabajo, gracias por ayudarme a configurar el editor

[@PhosphorusMoscu-code]

No jodas, cambiaste tu pagina, quedo bien chida.

[@yamillanz6398]

Esperare el tutorial de "Vim"

[@joenderluque7378]

Muy bueno tu vídeo, incluye en tus próximos C# y Klotin...

[@roberto.melgar]

muchas gracias, una consulta cuando escribo dentro de un no me autocompleta lo que escribo dentro ya lo desintales como 1000 veces pero no resuelve ese error por favor ayudame a resolverlo gracias

[@danielmorales0917]

Sos un Grande !!! Muchas Gracias!!!

[@joaquinotonielcastillotell3967]

Buen video me sirvió de mucha ayuda gracias.