{"id":3551,"date":"2021-01-08T13:00:53","date_gmt":"2021-01-08T12:00:53","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=3551"},"modified":"2025-01-07T13:03:30","modified_gmt":"2025-01-07T12:03:30","slug":"las-mejores-extensiones-para-visual-studio-code-2021","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/","title":{"rendered":"Las mejores extensiones para Visual Studio Code 2021"},"content":{"rendered":"\n<p>Para comenzar con buen pie 2021, te traemos una s<strong>elecci\u00f3n con las mejores extensiones para Visual Studio Code<\/strong>. Un equipo ganador con las aplicaciones que har\u00e1n tu vida como programador infinitamente m\u00e1s sencilla. \u00a1A por ello!<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Que <strong>Visual Studio Code se ha convertido en el favorito<\/strong> de una gran parte de la comunidad de programadores no es ning\u00fan secreto. Y es que el software gratuito que ponen a nuestra disposici\u00f3n los chicos de Redmond cuenta con todo lo necesario para perfilarse ganador. Microsoft ha hecho lo posible para complacer las necesidades y requerimientos m\u00e1s demandados por la gran mayor\u00eda de programadores, y todo de manera gratuita. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Las claves del \u00e9xito de Visual Studio Code<\/h2>\n\n\n\n<p>El editor de c\u00f3digo de Microsoft cuenta con <strong>muchas ventajas que lo distancian de sus competidores<\/strong>, aunque como es costumbre en el mundo del software, todos tienden a \u00abadoptar\u00bb las mejores caracter\u00edsticas de sus competidores. En cualquier caso, nosotros destacamos las que creemos, son los puntos m\u00e1s fuertes de Visual Studio Code:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Software multiplataforma:<\/strong> Si en algo se est\u00e1 caracterizando la pol\u00edtica de compatibilidad de Microsoft, tanto en software como en hardware, es en su adi\u00f3s al hermetismo. Mientras que hasta mediados de los 2000, las \u00abguerras\u00bb entre distintos sistemas e incompatibilidades entre dispositivos eran el pan nuestro de cada d\u00eda, Microsoft ha aprendido de ello. <br>Por eso, en la actualidad, los de Redmond s<strong>e cuidan muy mucho de lanzar sus productos para la gran mayor\u00eda de sistemas y plataformas disponibles<\/strong>. Por supuesto, Visual Studio Code no es una excepci\u00f3n, por lo que podemos encontrarlo tanto en Windows, como en IOS o Linux.<\/li><li><strong>Amplia comunidad:<\/strong> Si hasta no hace mucho tiempo, Microsoft era bastante criticada por \u00abdar la espalda al mundo del c\u00f3digo libre\u00bb, <strong>en los \u00faltimos a\u00f1os se han dado cuenta del error<\/strong> y est\u00e1n tratando de enmendarlo. Buena prueba de ello es la adquisici\u00f3n de <a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GitHub<\/a> por parte de Microsoft.<\/li><li><strong>Extensiones a montones: <\/strong>Si el propio Visual Studio Code se te queda corto, no te preocupes, porque una de sus mayores ventajas es <a href=\"https:\/\/marketplace.visualstudio.com\/vscode\" target=\"_blank\" rel=\"noreferrer noopener\">su enorme marketplace, donde podemos encontrar una gran variedad de plugins y extensiones<\/a> que marcar\u00e1n la diferencia. Y por si fuera poco, \u00a1la gran mayor\u00eda de ellas son gratis!<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Nuestra selecci\u00f3n de las mejores extensiones para Visual Studio Code en 2021<\/h2>\n\n\n\n<p>Como ya hici\u00e9ramos en nuestro art\u00edculo de 2020, donde recopilamos las que nos parecieron <a href=\"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/\">las mejores extensiones para Visual Studio<\/a> , con la entrada del a\u00f1o nuevo, creemos conveniente actualizar, o mejor a\u00fan, ampliar dicha selecci\u00f3n. <\/p>\n\n\n\n<p>Esencialmente, <strong>estos plugins o extensiones est\u00e1n centradas en agilizar la programaci\u00f3n<\/strong> y en muchos casos incluso automatizar ciertos procesos tediosos y repetitivos, para ganar tiempo. No obstante, existen otros tipos de extensiones muy interesantes. En cualquier caso, estas son nuestras extensiones favoritas para 2021.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bracket pair colorizer 2<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Admit\u00e1moslo, a menudo nos vemos envueltos en una aut\u00e9ntica mara\u00f1a de par\u00e9ntesis, llaves y corchetes, en la que dif\u00edcilmente logramos ubicarnos. Y es que, aunque extensiones tan \u00fatiles como <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=esbenp.prettier-vscode\" target=\"_blank\" rel=\"noreferrer noopener\">Prettier <\/a>o <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=HookyQR.beautify\" target=\"_blank\" rel=\"noreferrer noopener\">Beautify <\/a><strong>logran ayudarnos a organizar nuestro c\u00f3digo \u00abindentandolo\u00bb<\/strong> de manera autom\u00e1tica, a veces no es suficiente.<\/p>\n\n\n\n<p>Sin embargo, gracias a la segunda y \u00faltima versi\u00f3n de <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=CoenraadS.bracket-pair-colorizer-2\" target=\"_blank\" rel=\"noreferrer noopener\">Bracket pair colorizer<\/a> esto ya no supone un problema. Con esta \u00fatil extensi\u00f3n,<strong> las aperturas y cierres de las declaraciones de nuestro c\u00f3digo se mostrar\u00e1n de distinto color de manera autom\u00e1tica<\/strong>. De esta manera, anidar c\u00f3digo resulta mucho m\u00e1s sencillo, puesto que de un solo vistazo, podemos distinguir su jerarqu\u00eda y por supuesto, si hemos estructurado correctamente las declaraciones.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"123\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/bracket-pair-colorizer-2-1.png\" alt=\"Bracket Pair colorizer para Visual Studio\" class=\"wp-image-3574\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/bracket-pair-colorizer-2-1.png 370w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/bracket-pair-colorizer-2-1-300x100.png 300w\" sizes=\"auto, (max-width: 370px) 100vw, 370px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Live Server<\/h3>\n\n\n\n<p>Una de las acciones m\u00e1s habituales y repetitivas para un programador es la de guardar los cambios en el c\u00f3digo, mostrar la ventana del navegador, y recargar la p\u00e1gina. Sin embargo, gracias a <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ritwickdey.LiveServer\" target=\"_blank\" rel=\"noreferrer noopener\">la extensi\u00f3n Live Server<\/a>, podemos agilizar el proceso.<\/p>\n\n\n\n<p>La aplicaci\u00f3n nos permite la <strong>visualizaci\u00f3n en tiempo real de las modificaciones que realizamos en nuestro c\u00f3digo<\/strong>. Esto agiliza en sobre manera el desarrollo de un proyecto alojado en un servidor local.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"480\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/live-server.gif\" alt=\"Las mejores extensiones para Visual Studio Code 2021\" class=\"wp-image-3576\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Bootstrap 4, Font awesome 4, Font Awesome 5 Free &amp; Pro snippets<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"690\" height=\"463\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/bootstrap-extension-2.gif\" alt=\"Bootstrap Snippets\" class=\"wp-image-3581\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Para los fans ac\u00e9rrimos de Bootstrap como nosotros, el uso de <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=thekalinga.bootstrap4-vscode\" target=\"_blank\" rel=\"noreferrer noopener\">esta extensi\u00f3n<\/a> se antoja indispensable. La velocidad con la que podemos generar snippets, componentes y elementos m\u00e1s comunes del framework gracias a esta extensi\u00f3n, la convierten en una de nuestras favoritas. <\/p>\n\n\n\n<p>Basta con emplear alguna de las simples abreviaturas que el desarrollador ha escogido para cada componente de Bootstrap y <strong>de manera autom\u00e1tica dispondremos \u00e9l<\/strong>.<\/p>\n\n\n\n<p>Adem\u00e1s, para los proyectos que<strong> incluyan la famosa galer\u00eda de iconos<\/strong> <a href=\"https:\/\/fontawesome.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Font Awesome<\/a>, la extensi\u00f3n incluye atajos a la gran mayor\u00eda de ellos.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">HTML Snippets<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Este simple, pero \u00fatil plugin agiliza en sobremanera la escritura de nuestro c\u00f3digo, <strong>gracias al \u00abautocompletado\u00bb de etiquetas y elementos b\u00e1sicos de HTML, evitaremos tener que escribirlos completamente<\/strong>. Adem\u00e1s, no solo \u00abtermina de componer\u00bb la etiqueta en s\u00ed, con su apertura y cierre, sino que inserta autom\u00e1ticamente los atributos esenciales para su correcto funcionamiento.<\/p>\n\n\n\n<p>No obstante, pese a que hay quien lo considere suficiente, a nosotros nos parece algo escueto. Echamos en falta la creaci\u00f3n autom\u00e1tica de par\u00e1metros \u00fatiles como \u00abalt\u00bb en las im\u00e1genes \u00abtitles\u00bb, que pudi\u00e9ramos completar. Sin duda, una caracter\u00edstica que no tardar\u00e1n en implementar.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"862\" height=\"610\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/html-snippets.gif\" alt=\"HTML Snippets\" class=\"wp-image-3583\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">HTML Tag Wrapper<\/h3>\n\n\n\n<p>Continuamos con la optimizaci\u00f3n de la escritura en HTML. Gracias a \u00ab<a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=hwencc.html-tag-wrapper\" target=\"_blank\" rel=\"noreferrer noopener\">HTML Tag Wrapper<\/a>\u00ab, podemos \u00abenvolver\u00bb cualquier extracto de c\u00f3digo en un nuevo elemento. Es decir, <strong>podemos \u00abcrear elementos padre\u00bb de manera r\u00e1pida y sencilla<\/strong>, evitando tener que escribir el inicio y el cierre de la etiqueta, antes y despu\u00e9s del c\u00f3digo que deseamos anidar.<\/p>\n\n\n\n<p>Lo mejor de todo es que dispone de un atajo de teclado personalizable para poder llevar a cabo la acci\u00f3n a nuestro gusto. Por defecto, suele emplear el atajo de teclas \u00abctrl+shift+i\u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Auto Rename Tag<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"667\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/auto-rename-tag-1024x667.gif\" alt=\"Auto rename Tag para Visual Studio\" class=\"wp-image-3585\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/auto-rename-tag-1024x667.gif 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/auto-rename-tag-300x195.gif 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/auto-rename-tag-768x500.gif 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Si las anteriores extensiones para mejorar HTML nos parec\u00edan interesantes, la siguiente es sencillamente indispensable. \u00ab<a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=formulahendry.auto-rename-tag\" target=\"_blank\" rel=\"noreferrer noopener\">Auto Rename Tag<\/a>\u00bb lleva a cabo una tarea tan simple como necesaria, que es <strong>encargarse de modificar el cierre de una etiqueta al modificar la apertura, de manera autom\u00e1tica.<\/strong> <\/p>\n\n\n\n<p>Esto cobra especial sentido cuando disponemos de largas etiquetas de c\u00f3digo anidadas, o extensos textos con numerosos p\u00e1rrafos, texto en negrita, it\u00e1lica o enlaces.<\/p>\n\n\n\n<p>Te recomendamos que la pruebes, no te defraudar\u00e1.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Mithril Emmet<\/h3>\n\n\n\n<p>Sin duda alguna, la extensi\u00f3n m\u00e1s valorada por todos nosotros es \u00ab<a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=FallenMax.mithril-emmet\" target=\"_blank\" rel=\"noreferrer noopener\">Mithrill Emmet<\/a>\u00ab. Una vieja conocida para programadores provenientes de otros editores como, por ejemplo, <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sublime Text<\/a>. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>La extensi\u00f3n se encarga, no solo de autocompletar y sugerir mejoras en nuestro c\u00f3digo, sino que nos <strong>permite crear estructuras m\u00e1s o menos complejas de manera \u00e1gil y sencilla<\/strong>. <\/p>\n\n\n\n<p>A diferencia de otras aplicaciones que permiten construir snippets, Emmet cuenta con una \u00absintaxis propia\u00bb para generar estructuras con m\u00faltiples elementos. Si bien es cierto, que <strong>requiere de un m\u00ednimo aprendizaje dado su amplio cat\u00e1logo de atajos<\/strong>, con apenas recordar los m\u00e1s elementales, agilizaremos en sobremanera nuestro flujo de trabajo.<\/p>\n\n\n\n<p>Cabe destacar que pese a su gran utilidad, durante nuestros <a href=\"https:\/\/carontestudio.com\/formacion\/cursos-web-vitoria\">cursos intensivos de dise\u00f1o web y programaci\u00f3n<\/a>, desaconsejamos su uso. Por eso, insistimos encarecidamente a nuestros alumnos que no lo instalen durante su periodo de aprendizaje. Esto se debe a que al autocompletar y sugerir la sintaxis del c\u00f3digo, es probable que no asimilen HTML como es debido. As\u00ed que, \u00abprofes\u00bb&#8230; \u00a1Atentos!<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"688\" height=\"608\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/emmet.gif\" alt=\"Plugin Mithril Emmet\" class=\"wp-image-3587\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Las mejores extensiones para Visual Studio Code 2021: Conclusi\u00f3n<\/h2>\n\n\n\n<p>Como se puede ver, el mundo de las extensiones para Visual Studio Code avanza sin descanso. La popularidad del editor de c\u00f3digo de Microsoft<strong> ha animado a numerosos programadores a desarrollar m\u00e1s y mejores extensiones<\/strong> que facilitan la experiencia de usuario.<\/p>\n\n\n\n<p>No obstante, es cierto que en retrospectiva, esper\u00e1bamos algo m\u00e1s por parte del equipo de Microsoft. Quiz\u00e1 la implementaci\u00f3n de m\u00e1s caracter\u00edsticas de las mejores y m\u00e1s \u00fatiles extensiones, de manera predeterminada en el propio Visual Studio Code. Y es que resulta genial disponer de una amplia comunidad de programadores que \u00abmejoren tu software\u00bb casi por puro altru\u00edsmo, pero un referente como Microsoft, quiz\u00e1 pudiera aportar algo m\u00e1s.<\/p>\n\n\n\n<p>En cualquier caso, <strong>todo esto es tan solo la opini\u00f3n de un humilde servidor<\/strong>. As\u00ed que, por supuesto, tanto si coincides conmigo como si discrepas, te invitamos a opinar en la secci\u00f3n de comentarios. Adem\u00e1s, si conoces alguna otra extensi\u00f3n que podamos haber olvidado, no dudes en compartirla.<\/p>\n\n\n\n<p>Esperamos que hayas disfrutado de nuestro art\u00edculo y te esperamos en el siguiente. \u00a1Hasta pronto!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hacemos un repaso a las extensiones m\u00e1s \u00fatiles para Visual Studio Code. Comienza a utilizar estos ingeniosos plugins y programa como nunca antes.<\/p>\n","protected":false},"author":3,"featured_media":3573,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94,50],"tags":[],"class_list":["post-3551","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-programacion-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Las mejores extensiones para Visual Studio Code 2021 - Caronte<\/title>\n<meta name=\"description\" content=\"Hacemos una selecci\u00f3n de las mejores extensiones para Visual Studio Code. Una selecci\u00f3n para afrontar 2021 con \u00e9xito asegurado.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Las mejores extensiones para Visual Studio Code 2021 - Caronte\" \/>\n<meta property=\"og:description\" content=\"Hacemos una selecci\u00f3n de las mejores extensiones para Visual Studio Code. Una selecci\u00f3n para afrontar 2021 con \u00e9xito asegurado.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-08T12:00:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T12:03:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/las-mejores-extensiones-para-visual-studio-code-2021.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"David de Lamo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"David de Lamo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/\"},\"author\":{\"name\":\"David de Lamo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/2104191b75663e9e9ca47f821c5f92cf\"},\"headline\":\"Las mejores extensiones para Visual Studio Code 2021\",\"datePublished\":\"2021-01-08T12:00:53+00:00\",\"dateModified\":\"2025-01-07T12:03:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/\"},\"wordCount\":1483,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/las-mejores-extensiones-para-visual-studio-code-2021.jpg\",\"articleSection\":[\"Dise\u00f1o web\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/\",\"name\":\"Las mejores extensiones para Visual Studio Code 2021 - Caronte\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/las-mejores-extensiones-para-visual-studio-code-2021.jpg\",\"datePublished\":\"2021-01-08T12:00:53+00:00\",\"dateModified\":\"2025-01-07T12:03:30+00:00\",\"description\":\"Hacemos una selecci\u00f3n de las mejores extensiones para Visual Studio Code. Una selecci\u00f3n para afrontar 2021 con \u00e9xito asegurado.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/las-mejores-extensiones-para-visual-studio-code-2021.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/las-mejores-extensiones-para-visual-studio-code-2021.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Las mejores extensiones para Visual Studio Code 2021\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/las-mejores-extensiones-para-visual-studio-code-2021\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Las mejores extensiones para Visual Studio Code 2021\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/2104191b75663e9e9ca47f821c5f92cf\",\"name\":\"David de Lamo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"caption\":\"David de Lamo\"},\"description\":\"David de Lamo te descubre, en el blog de Caronte Web Studio, las tendencias de dise\u00f1o, tanto gr\u00e1fico como web. Nuestro responsable del \u00e1rea de dise\u00f1o en Caronte Web Studio te cuenta todo lo que debes saber sobre imagen de empresa, carteler\u00eda, dise\u00f1o gr\u00e1fico, dise\u00f1o web, papeler\u00eda, rotulaciones... Aprende con \u00e9l y sum\u00e9rgete en el apasionante mundo del dise\u00f1o.\",\"sameAs\":[\"http:\\\/\\\/www.carontestudio.com\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/david\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Las mejores extensiones para Visual Studio Code 2021 - Caronte","description":"Hacemos una selecci\u00f3n de las mejores extensiones para Visual Studio Code. Una selecci\u00f3n para afrontar 2021 con \u00e9xito asegurado.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/","og_locale":"es_ES","og_type":"article","og_title":"Las mejores extensiones para Visual Studio Code 2021 - Caronte","og_description":"Hacemos una selecci\u00f3n de las mejores extensiones para Visual Studio Code. Una selecci\u00f3n para afrontar 2021 con \u00e9xito asegurado.","og_url":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2021-01-08T12:00:53+00:00","article_modified_time":"2025-01-07T12:03:30+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/las-mejores-extensiones-para-visual-studio-code-2021.jpg","type":"image\/jpeg"}],"author":"David de Lamo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"David de Lamo","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/"},"author":{"name":"David de Lamo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/2104191b75663e9e9ca47f821c5f92cf"},"headline":"Las mejores extensiones para Visual Studio Code 2021","datePublished":"2021-01-08T12:00:53+00:00","dateModified":"2025-01-07T12:03:30+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/"},"wordCount":1483,"commentCount":1,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/las-mejores-extensiones-para-visual-studio-code-2021.jpg","articleSection":["Dise\u00f1o web","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/","url":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/","name":"Las mejores extensiones para Visual Studio Code 2021 - Caronte","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/las-mejores-extensiones-para-visual-studio-code-2021.jpg","datePublished":"2021-01-08T12:00:53+00:00","dateModified":"2025-01-07T12:03:30+00:00","description":"Hacemos una selecci\u00f3n de las mejores extensiones para Visual Studio Code. Una selecci\u00f3n para afrontar 2021 con \u00e9xito asegurado.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/las-mejores-extensiones-para-visual-studio-code-2021.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/las-mejores-extensiones-para-visual-studio-code-2021.jpg","width":1250,"height":737,"caption":"Las mejores extensiones para Visual Studio Code 2021"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/las-mejores-extensiones-para-visual-studio-code-2021\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Las mejores extensiones para Visual Studio Code 2021"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/2104191b75663e9e9ca47f821c5f92cf","name":"David de Lamo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","caption":"David de Lamo"},"description":"David de Lamo te descubre, en el blog de Caronte Web Studio, las tendencias de dise\u00f1o, tanto gr\u00e1fico como web. Nuestro responsable del \u00e1rea de dise\u00f1o en Caronte Web Studio te cuenta todo lo que debes saber sobre imagen de empresa, carteler\u00eda, dise\u00f1o gr\u00e1fico, dise\u00f1o web, papeler\u00eda, rotulaciones... Aprende con \u00e9l y sum\u00e9rgete en el apasionante mundo del dise\u00f1o.","sameAs":["http:\/\/www.carontestudio.com"],"url":"https:\/\/carontestudio.com\/blog\/author\/david\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/3551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=3551"}],"version-history":[{"count":30,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/3551\/revisions"}],"predecessor-version":[{"id":3591,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/3551\/revisions\/3591"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/3573"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=3551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=3551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=3551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}