{"id":269238,"date":"2023-05-25T14:22:00","date_gmt":"2023-05-25T11:22:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=269238"},"modified":"2025-03-14T19:42:41","modified_gmt":"2025-03-14T16:42:41","slug":"la-guia-para-principiantes-para-configurar-visual-studio-code-en-su-pc-con-windows","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/es\/la-guia-para-principiantes-para-configurar-visual-studio-code-en-su-pc-con-windows\/","title":{"rendered":"La gu\u00eda para principiantes para configurar Visual Studio Code en su PC con Windows"},"content":{"rendered":"\n<p>Visual Studio Code de Microsoft, tambi\u00e9n conocido como VS Code, es uno de los mejores editores de c\u00f3digo gratuitos. La aplicaci\u00f3n es una opci\u00f3n popular para la mayor\u00eda de los desarrolladores, ya que es relativamente f\u00e1cil de usar y tiene caracter\u00edsticas \u00fanicas que hacen que la programaci\u00f3n sea un poco menos laboriosa y repetitiva.<\/p>\n<p>Si est\u00e1 interesado en probar VS Code usted mismo, aqu\u00ed le mostramos c\u00f3mo hacerlo funcionar en una PC con Windows.<\/p>\n<h2>\u00bfQu\u00e9 hace que VS Code se destaque?<\/h2>\n<p>A pesar de la afluencia constante de editores de c\u00f3digo de primera clase, hay un par de razones por las que VS Code sigue siendo una de las opciones m\u00e1s populares y funcionales.<\/p>\n<p>En primer lugar, Visual Studio Code es gratuito y multifuncional, lo que significa que es compatible con los otros sistemas operativos principales para PC, a saber, Linux, Ubuntu y macOS. Esto le permite pasar sin problemas de usarlo de un sistema operativo a otro sin encontrarse con ning\u00fan problema significativo, salvo por diferencias menores basadas en el sistema operativo.<\/p>\n<p>Otra ventaja de usar VS Code es que tiene una gran colecci\u00f3n de funciones que facilitan el proceso de escritura, visualizaci\u00f3n y ejecuci\u00f3n de c\u00f3digo. Esto incluye resaltado de sintaxis y finalizaci\u00f3n autom\u00e1tica. Tambi\u00e9n posee un repositorio de c\u00f3digo integrado y un depurador incorporado que acelera significativamente el proceso de detecci\u00f3n de errores.<\/p>\n<p>Adem\u00e1s, debido a que es el editor de texto m\u00e1s popular, muchos desarrolladores de c\u00f3digo abierto crean y actualizan constantemente VS Code Extensions, lo que lo hace m\u00e1s atractivo que su <a href=\"https:\/\/www.makeuseof.com\/tag\/visual-studio-code-vs-atom\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">competidor m\u00e1s cercano, Atom<\/a>. GitHub inicialmente desarroll\u00f3 Atom, <a href=\"https:\/\/news.microsoft.com\/announcement\/microsoft-acquires-github\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">luego fue adquirido por Microsoft<\/a>, lo que convirti\u00f3 a Atom en un pariente lejano de Visual Studio Code.<\/p>\n<p>Para hacer las cosas a\u00fan m\u00e1s interesantes, Microsoft anunci\u00f3 recientemente que ahora puede <a href=\"https:\/\/www.makeuseof.com\/tag\/coding-browser-microsoft-visual-studio-online\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">comenzar a codificar en su navegador con Microsoft Visual Studio Online<\/a>. Esto significa que ahora puede escribir y ejecutar programas sobre la marcha, retomando su trabajo en cualquier otro sistema con conexi\u00f3n a Internet siempre que su computadora personal no est\u00e9 disponible.<\/p>\n<p>Este desarrollo tambi\u00e9n significa que los miembros del equipo en diferentes ubicaciones ahora pueden colaborar en un proyecto y ver los resultados de su trabajo en tiempo real, lo que aumenta a\u00fan m\u00e1s el atractivo de la programaci\u00f3n con VS Code.<\/p>\n<h2>C\u00f3mo descargar e instalar VS Code en Windows<\/h2>\n<p>La instalaci\u00f3n de Visual Studio Code es sencilla y f\u00e1cil de completar si sigue los siguientes pasos:<\/p>\n<h3>1 Vaya al sitio web oficial de Microsoft Visual Studio Code<\/h3>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078f2b4707.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078f2b4707.jpg\" alt=\"La gu\u00eda para principiantes para configurar Visual Studio Code en su PC con Windows\" ><\/a><\/p>\n<p>Inicie sesi\u00f3n en el <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sitio web de Visual Studio Code<\/a> y haga clic en la flecha desplegable junto al bot\u00f3n <strong>Descargar para Windows<\/strong>. Despu\u00e9s de esto, se le presentar\u00e1n diferentes opciones. Haga clic en el que mejor se adapte a su PC y la descarga deber\u00eda comenzar autom\u00e1ticamente.<\/p>\n<p>Si no est\u00e1 seguro de qu\u00e9 versi\u00f3n descargar, le recomendamos que <a href=\"https:\/\/www.makeuseof.com\/ways-to-check-your-windows-10-essential-pc-specs\/#:~:text=This%20method%20is%20handy%20if,PC%20Settings%20%3E%20System%20%3E%20About.\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">consulte las especificaciones de su PC<\/a> para determinar cu\u00e1l se adapta perfectamente a su sistema. Despu\u00e9s de eso, haga clic en la versi\u00f3n que desea descargar y comenzar\u00e1 a descargarse autom\u00e1ticamente.<\/p>\n<h3>2 Ejecute el instalador y seleccione su carpeta de destino<\/h3>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078f5a5ee9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078f5a5ee9.jpg\" alt=\"La gu\u00eda para principiantes para configurar Visual Studio Code en su PC con Windows\" ><\/a><\/p>\n<p>Una vez completada la descarga, inicie el instalador. Acepte la licencia aceptando los t\u00e9rminos y condiciones en su pantalla y haga clic en <strong>Siguiente<\/strong>.<\/p>\n<p><strong>Seleccionar ubicaci\u00f3n de destino<\/strong> especifica d\u00f3nde se ubicar\u00e1n todos los archivos relacionados con VS Code en su computadora. La ubicaci\u00f3n predeterminada es la carpeta <strong>Archivos<\/strong> de programa en el Disco local de su PC. Para cambiar la ubicaci\u00f3n, haga clic en <strong>Examinar<\/strong> y elija un nuevo directorio.<\/p>\n<p>Tenga en cuenta que Visual Studio Code tiene un requisito de espacio de almacenamiento m\u00ednimo. Como tal, debe tener suficiente espacio de almacenamiento para instalar la aplicaci\u00f3n. Si no tiene suficiente espacio, elimine algunas aplicaciones o archivos multimedia y vac\u00ede su papelera de reciclaje, luego intente volver a ejecutar el instalador.<\/p>\n<p>Repita esta tarea hasta que haya suficiente almacenamiento disponible para completar la instalaci\u00f3n y luego haga clic en <strong>Siguiente<\/strong>.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078f77320c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078f77320c.jpg\" alt=\"La gu\u00eda para principiantes para configurar Visual Studio Code en su PC con Windows\" ><\/a><\/p>\n<p>Esto es para crear una carpeta en el men\u00fa Inicio que contenga un \u00edcono de acceso directo de VS Code para permitirle acceder a la aplicaci\u00f3n con solo hacer clic en el bot\u00f3n de <strong>Windows<\/strong> despu\u00e9s de que se complete la instalaci\u00f3n.<\/p>\n<p>Puede cambiar la ubicaci\u00f3n potencial del acceso directo haciendo clic en <strong>Examinar.<\/strong> Elija una ubicaci\u00f3n de su elecci\u00f3n y haga clic en <strong>Siguiente<\/strong>. Si decide no crear un acceso directo para la aplicaci\u00f3n, marque la casilla denominada <strong>No crear una carpeta del men\u00fa Inicio.<\/strong><\/p>\n<p>Despu\u00e9s de hacer su selecci\u00f3n, haga clic en <strong>Siguiente<\/strong> para pasar a la siguiente etapa de la instalaci\u00f3n.<\/p>\n<h3>4 Selecci\u00f3n de tareas adicionales<\/h3>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078f9b9d27.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078f9b9d27.jpg\" alt=\"La gu\u00eda para principiantes para configurar Visual Studio Code en su PC con Windows\" ><\/a><\/p>\n<p>Esto le dice al instalador si debe incluir funcionalidad adicional en la aplicaci\u00f3n.<\/p>\n<p>Le recomendamos que marque la casilla etiquetada <strong>Crear un icono de escritorio<\/strong> para crear un icono en su pantalla de inicio para garantizar un acceso r\u00e1pido a la aplicaci\u00f3n. Sin embargo, dejar esta casilla sin seleccionar no afectar\u00e1 la calidad de su trabajo ni la funcionalidad general de la aplicaci\u00f3n.<\/p>\n<p>Despu\u00e9s de marcar las otras casillas seg\u00fan su preferencia, haga clic en <strong>Siguiente<\/strong>.<\/p>\n<h3>5 Complete la instalaci\u00f3n<\/h3>\n<p>La parte dif\u00edcil est\u00e1 detr\u00e1s de ti. Simplemente si\u00e9ntese, espere a que finalice el proceso de instalaci\u00f3n y haga clic en <strong>Finalizar.<\/strong> Despu\u00e9s de esto, inicie la aplicaci\u00f3n y su Microsoft Visual Studio Code deber\u00eda estar listo para usar.<\/p>\n<h2>Primeros pasos con el c\u00f3digo VS<\/h2>\n<p>Una vez que haya instalado correctamente Visual Studio Code, debe personalizarlo. Al iniciar la aplicaci\u00f3n por primera vez, ver\u00e1 una p\u00e1gina <strong>Comenzar con VS Code<\/strong>. Este es el punto de partida de su personalizaci\u00f3n y le proporcionaremos algunos consejos de personalizaci\u00f3n.<\/p>\n<h3>1 Elegir su tema de color<\/h3>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078fc13e55.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078fc13e55.jpg\" alt=\"La gu\u00eda para principiantes para configurar Visual Studio Code en su PC con Windows\" ><\/a><\/p>\n<p>Como cualquier aplicaci\u00f3n moderna, puede configurar VS Code en varios temas de color seg\u00fan sus preferencias. Haga clic en <strong>Examinar temas de color<\/strong> para ver los diferentes temas disponibles. Esto mostrar\u00e1 una lista desplegable; puede usar las teclas de direcci\u00f3n en su teclado para obtener una vista previa y hacer clic con el bot\u00f3n izquierdo para aplicarlas.<\/p>\n<p>Recomendamos que mientras trata de encontrar su lugar como desarrollador novato, debe elegir un tema de color de alto contraste para evitar que se sienta abrumado o confundido por el esquema de color.<\/p>\n<h3>2 Configuraci\u00f3n de personalizaci\u00f3n<\/h3>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078ff16d2a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634078ff16d2a.jpg\" alt=\"La gu\u00eda para principiantes para configurar Visual Studio Code en su PC con Windows\" ><\/a><\/p>\n<p>Los desarrolladores se tomaron su tiempo para recopilar las configuraciones m\u00e1s utilizadas para ayudarlo a disfrutar de los beneficios de VS Code. Cuanto mejor seas como programador, m\u00e1s podr\u00e1s personalizar la configuraci\u00f3n. Por ahora, centr\u00e9monos en lo b\u00e1sico.<\/p>\n<p>Haga clic en <strong>Configuraci\u00f3n<\/strong> en la segunda pesta\u00f1a abierta en su C\u00f3digo VS. Tambi\u00e9n puede abrir la configuraci\u00f3n haciendo clic en el \u00edcono inferior en el panel vertical a la izquierda de su pantalla y haciendo clic en <strong>Configuraci\u00f3n<\/strong> una vez que se abre una lista.<\/p>\n<p>Siga esto haciendo clic en <strong>Usado com\u00fanmente,<\/strong> que ser\u00e1 el primer elemento contenido en una lista vertical ligeramente a la izquierda de su men\u00fa de VS Code. Desliza el dedo por los contenidos que aparecen en tu pantalla y modif\u00edcalos a tu gusto.<\/p>\n<h3>3 Uso de listas de comandos<\/h3>\n<p>Hay algunos <a href=\"https:\/\/www.makeuseof.com\/tag\/visual-studio-code-keyboard-shortcuts-cheat-sheet\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">m\u00e9todos abreviados de teclado esenciales para Visual Studio Code<\/a> que debe aprender. Esto aumentar\u00e1 tu eficiencia y te ayudar\u00e1 en tu camino hacia la maestr\u00eda.<\/p>\n<p>Algunos de los m\u00e1s \u00fatiles son <strong>Shift + Alt + Up<\/strong> y <strong>Shift + Alt + Down<\/strong> <strong>P,<\/strong> que le permiten copiar y pegar l\u00edneas de c\u00f3digo individuales. Tambi\u00e9n puede probar <strong>Ctrl + Shift +<\/strong> para mostrar la paleta de comandos mientras programa.<\/p>\n<h3>4 Adici\u00f3n de extensiones<\/h3>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634079020ae46.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2022\/10\/post-252359-634079020ae46.jpg\" alt=\"La gu\u00eda para principiantes para configurar Visual Studio Code en su PC con Windows\" ><\/a><\/p>\n<p>Debido a la naturaleza de c\u00f3digo abierto de Visual Studio Code, los desarrolladores desarrollan constantemente complementos. Las extensiones tienen una amplia gama de usos, y algunas simplemente embellecen el formato de su c\u00f3digo.<\/p>\n<p>En cambio, otros tienen usos m\u00e1s pr\u00e1cticos, como la Extensi\u00f3n de Python, que lo ayuda a depurar, refactorizar y navegar el lenguaje de programaci\u00f3n de Python de manera eficiente.<\/p>\n<p>En consecuencia, recomendamos explorar el mercado de extensiones de la aplicaci\u00f3n para encontrar extensiones que se alineen con sus intereses.<\/p>\n<h2>Tomando sus pr\u00f3ximos pasos en VS Code<\/h2>\n<p>Al igual que aprender a programar, dominar las complejidades de Visual Studio Code solo puede provenir de la pr\u00e1ctica constante. Cuanta m\u00e1s experiencia gane como desarrollador, tambi\u00e9n influir\u00e1 directamente en su nivel de destreza en el entorno de VS Code.<\/p>\n<p>Como el aprendizaje nunca termina, lo instamos a mantenerse al d\u00eda con los nuevos desarrollos en el ecosistema de VS Code. Esto abarca desde nuevas funciones y extensiones hasta configuraciones, ya que mejorar\u00e1n su experiencia de programaci\u00f3n general y aumentar\u00e1n su eficiencia.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.makeuseof.com\" class=\"external external_icon\">www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visual Studio Code es una opci\u00f3n popular entre los programadores, y por una buena raz\u00f3n. Aqu\u00ed se explica c\u00f3mo empezar a utilizarlo en Windows.<\/p>\n","protected":false},"author":1,"featured_media":252360,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[2921],"tags":[3062],"class_list":["post-269238","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ventanas","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/269238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=269238"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/269238\/revisions"}],"predecessor-version":[{"id":312756,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/269238\/revisions\/312756"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/252360"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=269238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=269238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=269238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}