{"id":1860,"date":"2020-07-17T13:00:00","date_gmt":"2020-07-17T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=1860"},"modified":"2022-06-30T11:21:36","modified_gmt":"2022-06-30T09:21:36","slug":"mejores-extensiones-para-visual-studio-code","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/","title":{"rendered":"Mejores extensiones para Visual Studio Code"},"content":{"rendered":"\n<p>\u00bfQuieres descubrir<strong> las mejores extensiones para Visual Studio<\/strong> <strong>Code<\/strong>? Si te encuentras inmerso en el basto y profundo universo de la <a href=\"https:\/\/carontestudio.com\/diseno-web\/diseno-web-vitoria\">programaci\u00f3n web<\/a> es muy probable que cuentes con un editor favorito.  Por eso, hoy te queremos recomendar una serie de extensiones, que si bien es cierto que algunas de ellas existen en otros editores, funcionan a las mil maravillas en Visual Studio Code de Microsoft. \u00a1Vamos all\u00e1!<\/p>\n\n\n\n<!--more-->\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\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"800\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio.jpg\" alt=\"Programaci\u00f3n web.\" class=\"wp-image-1889\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio.jpg 600w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio-225x300.jpg 225w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p><a href=\"https:\/\/code.visualstudio.com\/download\" target=\"_blank\" rel=\"noreferrer noopener\">Visual Studio Code<\/a> se ha ganado a pulso una plaza en primera l\u00ednea del software elegido por la mayor\u00eda de programadores web en la actualidad. Esto supone un hito, ya que parec\u00eda bastante complicado arrebatar el podio a editores como <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sublime Text<\/a>. <\/p>\n\n\n\n<p>El editor de c\u00f3digo gratuito de Microsoft <strong>cuenta con un rendimiento \u00f3ptimo, es multiplataforma y posee una gran comunidad de desarrolladores<\/strong> que depuran sin parar cualquier error que podamos sufrir. <\/p>\n\n\n\n<p>No obstante, pese a todos estos argumentos, el que quiz\u00e1 pueda ser su mayor atractivo es sin duda <strong>su enorme y variado marketplace<\/strong>. Una extensa galer\u00eda de plugins y extensiones para optimizar y personalizar la experiencia con el editor. Y es que, aunque la propia Microsoft ha ido adoptando muchas de estas funcionalidades como propias, a\u00fan queda un amplio margen de mejora. <\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Nuestra selecci\u00f3n de las mejores extensiones para Visual Studio Code<\/h2>\n\n\n\n<p>En este art\u00edculo<strong> hemos seleccionado las extensiones que consideramos m\u00e1s \u00fatiles y funcionales para el d\u00eda a d\u00eda junto a Visual Studio Code<\/strong>. Por supuesto, al margen de opiniones y preferencias personales, existen alternativas a casi cada una de las extensiones aqu\u00ed listadas. <\/p>\n\n\n\n<p>En cualquier caso, te invitamos a probar cada una de ellas. Al fin y al cabo, son totalmente gratuitas y si no te convencen, bastar\u00e1 con un solo clic para desinstalarlas.<\/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<h3 class=\"wp-block-heading\">Open in browser<\/h3>\n\n\n\n<p>A\u00fan hay quien echa de menos en Visual Studio Code la opci\u00f3n, que otros editores s\u00ed ofrec\u00edan de manera predeterminada, de abrir los archivos que nos encontremos editando en un navegador. <\/p>\n\n\n\n<p>Gracias a esta extensi\u00f3n, <strong>Visual Studio Code se actualizar\u00e1 con una opci\u00f3n en forma de men\u00fa contextual en la que podremos definir el navegador con el que queremos que se abra nuestro archivo<\/strong>. Adem\u00e1s, cuenta con un \u00fatil atajo de teclado.<\/p>\n\n\n\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=techer.open-in-browser\" target=\"_blank\" rel=\"noreferrer noopener\">Adquirir Open in browser.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CSS Peek<\/h3>\n\n\n\n<p>Similar a la famosa extensi\u00f3n <strong>Brackets<\/strong>, CSS Peek<strong> identifica las clases e IDs de nuestro c\u00f3digo HTML y nos ofrece un men\u00fa contextual en el que podemos ver un extracto de los estilos CSS<\/strong> de dichas clases e IDs. Adem\u00e1s, si lo deseamos, con tan solo un clic, localizar\u00e1 en nuestra hoja de estilos la clase o ID en cuesti\u00f3n para poder modificarlo de manera r\u00e1pida y sencilla.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=pranaygp.vscode-css-peek\" target=\"_blank\">Adquirir CSS Peek<\/a>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/github.com\/pranaygp\/vscode-css-peek\/raw\/master\/working.gif\" alt=\"Las mejores extensiones para Visual Studio Code. CSS Peek.\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Prettier<\/h3>\n\n\n\n<p>Muy similar a la famosa extensi\u00f3n <a rel=\"noreferrer noopener\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=HookyQR.beautify\" target=\"_blank\">Beautify<\/a>. Gracias a esta famosa extensi\u00f3n,<strong> podr\u00e1s darle un formato unificado y ordenado a tu c\u00f3digo. <\/strong>Ofrece indentaci\u00f3n autom\u00e1tica, espaciados y ordenaci\u00f3n de comentarios de manera r\u00e1pida y sencilla.<\/p>\n\n\n\n<p>En definitiva, una \u00fatil herramienta que acabar\u00e1s empleando de manera muy recurrente. Te aseguramos que su atajo de teclado quedar\u00e1 grabado a fuego en tu memoria.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=esbenp.prettier-vscode\" target=\"_blank\">Adquirir Prettier.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color info<\/h3>\n\n\n\n<p>A veces, las cosas m\u00e1s sencillas suponen los mayores cambios, y es el caso de esta sencilla extensi\u00f3n. \u00abColor info\u00bb <strong>permite visualizar con tan solo un vistazo la informaci\u00f3n relativa a un color espec\u00edfico en CSS, as\u00ed como sus equivalentes en sus distintos formatos<\/strong> (hexadecimal, rgb, cmyk, etc.). Adem\u00e1s, la extensi\u00f3n muestra de manera m\u00e1s visual el acabado del color seleccionado.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=bierner.color-info\" target=\"_blank\">Adquirir Color Info.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SVG<\/h3>\n\n\n\n<p>El uso de im\u00e1genes en formato SVG ha ganado popularidad en los \u00faltimos a\u00f1os. La posibilidad de mostrar im\u00e1genes e iconos vectoriales, f\u00e1cilmente adaptables y modificables, con el menor peso posible, es un argumento dif\u00edcil de rebatir.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/github.com\/lishu\/vscode-svg2\/raw\/master\/images\/f2s.gif\" alt=\"Utilidades para Visual Studio Code. SVG plugin.\"\/><figcaption>Las mejores extensiones para Visual Studio Code. PHP Intelephense.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Esta extensi\u00f3n <strong>permite gestionar nuestros SVG desde el mismo Visual Studio<\/strong> <strong>Code<\/strong>: desde el \u00abpath\u00bb o trazo, hasta el color o la escala. Una vez la pruebes, no podr\u00e1s vivir sin ella. Adem\u00e1s, permite \u00abminificar\u00bb nuestro SVG para que el c\u00f3digo ocupe lo menos posible.<\/p>\n\n\n\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=jock.svg\" target=\"_blank\" rel=\"noreferrer noopener\">Adquirir SVG.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vscode-icons<\/h3>\n\n\n\n<p>Cuando se trabaja con varios tipos de archivos es f\u00e1cil equivocarse a la hora de abrir el que necesitamos en ese preciso instante, debido a sus iconos tan parecidos entre s\u00ed. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/vscode-icons\/vscode-icons\/master\/images\/screenshot.gif\" alt=\"Los mejores plugins de Visual Studio Code. Vscode-icons.\"\/><\/figure>\n<\/div>\n\n\n<p>Gracias a esta sencilla extensi\u00f3n, cada formato adquiere un icono personalizado que nos ayudar\u00e1 a distinguir los archivos con los que deseemos trabajar. De esta manera, se agiliza la manera de trabajar en Visual Studio Code.<\/p>\n\n\n\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=vscode-icons-team.vscode-icons\" target=\"_blank\" rel=\"noreferrer noopener\">Adquirir Vscode-icons.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">JS &amp; CSS Minifier (Minify)<\/h3>\n\n\n\n<p>En la actualidad, la lucha por optimizaci\u00f3n de recursos y SEO, obliga a los desarrolladores a optimizar los tiempos de carga. Esto supone, en la mayor\u00eda de casos, la \u00abminificaci\u00f3n\u00bb del c\u00f3digo para comprimirlo cuanto sea posible.  No te preocupes, <strong>gracias a este \u00fatil plugin, podr\u00e1s comprimir tu c\u00f3digo con tan solo un clic.<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=olback.es6-css-minify\" target=\"_blank\" rel=\"noreferrer noopener\">Adquirir JS &amp; CSS Minifier (Minify).<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">TODO Highlight<\/h3>\n\n\n\n<p>Como su propio nombre indica (del ingl\u00e9s \u00abto do\u00bb, o por hacer), esta extensi\u00f3n permite anotar tareas o secciones por completar en nuestro c\u00f3digo. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/github.com\/wayou\/vscode-todo-highlight\/raw\/master\/assets\/toggle-highlight.gif\" alt=\"Las mejores extensiones para Visual Studio Code. Todo Highlight.\"\/><\/figure>\n<\/div>\n\n\n<p>Como si de un rotulador para subrayados se tratase, <strong>el plugin nos permite marcar en nuestro c\u00f3digo a modo de anotaciones en colores de alto contraste las zonas a destacar.<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=wayou.vscode-todo-highlight\" target=\"_blank\" rel=\"noreferrer noopener\">Adquirir TODO Higlight.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can I Use<\/h3>\n\n\n\n<p>Uno de los mayores quebraderos de cabeza a los que se enfrenta a diario cualquier programador es la compatibilidad con determinados navegadores. Esto se debe principalmente a que no todos cuentan con soporte para las mismas funcionalidades.<\/p>\n\n\n\n<p>Para salir de duda,<strong> esta extensi\u00f3n nos permite consultar de manera r\u00e1pida y sencilla la compatibilidad<\/strong> de nuestro c\u00f3digo con diversas versiones de los navegadores m\u00e1s famosos.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=akamud.vscode-caniuse\" target=\"_blank\">Adquirir Can I Use.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Intelephense<\/h3>\n\n\n\n<p>La alternativa al famoso PHP InteliSense, permite trabajar con PHP de manera mucho m\u00e1s f\u00e1cil e intuitiva gracias a una serie de \u00fatiles atajos y ayudas, como b\u00fasquedas de s\u00edmbolos y avisos informativos.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/github.com\/felixfbecker\/vscode-php-intellisense\/raw\/master\/images\/definition.gif\" alt=\"Las mejores extensiones para editar PHP.\"\/><\/figure>\n<\/div>\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=bmewburn.vscode-intelephense-client\" target=\"_blank\">Adquirir PHP Intelephense.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Como puedes comprobar, adem\u00e1s de la amplia variedad de extensiones para Visual Studio Code existentes, tenemos a disposici\u00f3n alternativas similares a cada una de ellas. Adem\u00e1s, como se ha podido comprobar en el paso,<strong> es cuesti\u00f3n de tiempo que la propia Microsoft acabe implementando las funcionalidades<\/strong> m\u00e1s \u00fatiles de estas extensiones de manera predeterminada en el mismo Visual Studio Code.<\/p>\n\n\n\n<p>Esperamos que nuestro art\u00edculo haya resultado de tu inter\u00e9s. No dudes en dejarnos un comentario cont\u00e1ndonos tus impresiones sobre alguna de las extensiones de Visual Studio Code que hemos listado. O si lo prefieres, puedes aportar un enlace a tu extensi\u00f3n favorita para que la descubramos.<\/p>\n\n\n\n<p>Por \u00faltimo, queremos recordarte que si quieres aprender a desarrollar webs, siempre puedes contar con <a href=\"https:\/\/carontestudio.com\/formacion\/cursos-web-vitoria\">nuestros cursos y formaciones de dise\u00f1o web.<\/a><\/p>\n\n\n\n<p>\u00a1Hasta el pr\u00f3ximo art\u00edculo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descubre nuestra selecci\u00f3n de las mejores extensiones para Visual S tudio Code en 2020. Las utilidades que te har\u00e1n la vida m\u00e1s facil.<\/p>\n","protected":false},"author":3,"featured_media":1893,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-1860","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mejores extensiones para Visual Studio Code - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"Descubre las mejores extensiones para Visual Studio Code. Los plugins que har\u00e1n que tu experiencia con el editor de c\u00f3digo de Microsoft resulte increible.\" \/>\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\/mejores-extensiones-para-visual-studio-code\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mejores extensiones para Visual Studio Code - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"Descubre las mejores extensiones para Visual Studio Code. Los plugins que har\u00e1n que tu experiencia con el editor de c\u00f3digo de Microsoft resulte increible.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/\" \/>\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=\"2020-07-17T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-30T09:21:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio-portada.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=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/\"},\"author\":{\"name\":\"David de Lamo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/2104191b75663e9e9ca47f821c5f92cf\"},\"headline\":\"Mejores extensiones para Visual Studio Code\",\"datePublished\":\"2020-07-17T11:00:00+00:00\",\"dateModified\":\"2022-06-30T09:21:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/\"},\"wordCount\":1185,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/mejores-extensiones-para-visual-studio-portada.jpg\",\"articleSection\":[\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/\",\"name\":\"Mejores extensiones para Visual Studio Code - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/mejores-extensiones-para-visual-studio-portada.jpg\",\"datePublished\":\"2020-07-17T11:00:00+00:00\",\"dateModified\":\"2022-06-30T09:21:36+00:00\",\"description\":\"Descubre las mejores extensiones para Visual Studio Code. Los plugins que har\u00e1n que tu experiencia con el editor de c\u00f3digo de Microsoft resulte increible.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/mejores-extensiones-para-visual-studio-portada.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/mejores-extensiones-para-visual-studio-portada.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Mejores plugins para VScode\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/mejores-extensiones-para-visual-studio-code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mejores extensiones para Visual Studio Code\"}]},{\"@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":"Mejores extensiones para Visual Studio Code - Caronte Web Studio","description":"Descubre las mejores extensiones para Visual Studio Code. Los plugins que har\u00e1n que tu experiencia con el editor de c\u00f3digo de Microsoft resulte increible.","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\/mejores-extensiones-para-visual-studio-code\/","og_locale":"es_ES","og_type":"article","og_title":"Mejores extensiones para Visual Studio Code - Caronte Web Studio","og_description":"Descubre las mejores extensiones para Visual Studio Code. Los plugins que har\u00e1n que tu experiencia con el editor de c\u00f3digo de Microsoft resulte increible.","og_url":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2020-07-17T11:00:00+00:00","article_modified_time":"2022-06-30T09:21:36+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio-portada.jpg","type":"image\/jpeg"}],"author":"David de Lamo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"David de Lamo","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/"},"author":{"name":"David de Lamo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/2104191b75663e9e9ca47f821c5f92cf"},"headline":"Mejores extensiones para Visual Studio Code","datePublished":"2020-07-17T11:00:00+00:00","dateModified":"2022-06-30T09:21:36+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/"},"wordCount":1185,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio-portada.jpg","articleSection":["Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/","url":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/","name":"Mejores extensiones para Visual Studio Code - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio-portada.jpg","datePublished":"2020-07-17T11:00:00+00:00","dateModified":"2022-06-30T09:21:36+00:00","description":"Descubre las mejores extensiones para Visual Studio Code. Los plugins que har\u00e1n que tu experiencia con el editor de c\u00f3digo de Microsoft resulte increible.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio-portada.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/07\/mejores-extensiones-para-visual-studio-portada.jpg","width":1250,"height":737,"caption":"Mejores plugins para VScode"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mejores extensiones para Visual Studio Code"}]},{"@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\/1860","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=1860"}],"version-history":[{"count":32,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/1860\/revisions"}],"predecessor-version":[{"id":10364,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/1860\/revisions\/10364"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/1893"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=1860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=1860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=1860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}