{"id":4264,"date":"2022-06-03T18:52:15","date_gmt":"2022-06-03T18:52:15","guid":{"rendered":"https:\/\/ionicframework.com\/blog\/?p=4264"},"modified":"2022-06-03T18:52:15","modified_gmt":"2022-06-03T18:52:15","slug":"capacitor-3-ionic-vs-code-extension","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension","title":{"rendered":"Capacitor \u2764\ufe0f&#8217;s Ionic\u2019s Visual Studio Code Extension"},"content":{"rendered":"<p>We\u2019ve been <a href=\"https:\/\/ionicframework.com\/blog\/a-visual-studio-code-extension-for-ionic\/\">making a lot of buzz<\/a> about <a href=\"https:\/\/ionic.link\/vscode\">our new VS Code Extension for Ionic Framework<\/a>. But, you may not know that the extension works with other Capacitor projects as well. In this post, we\u2019ll go over three great features of the Ionic extension that you can leverage for your Capacitor project.<\/p>\n<p><!--more--><\/p>\n<h2>Debugger Statements<\/h2>\n<p>Having a debugger step line by line through some tricky parts of your app code can help immensely. In JavaScript, you can use a <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Statements\/debugger\">debugger;<\/a> statement to pause the execution of your code to inspect your app state at any time.<\/p>\n<pre><code class=\"language-javascript\">\/\/ Example from MDN: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Statements\/debugger\n\nfunction potentiallyBuggyCode() {\n    debugger;\n    \/\/ examine, step through, etc.\n}\n<\/code><\/pre>\n<p>With the Ionic VS Code extension, you can continue debugging your Capacitor web application <em>without leaving VS Code<\/em>. Being able to see step line by line in Code compared to using Chromium\u2019s debugger allows you to work through your problems more effectively. Mike Hartington shows an example of this in <a href=\"https:\/\/youtu.be\/XoNDOYkx3nE?t=167\">our YouTube video on the extension<\/a>.<\/p>\n<h2>Migration tooltips when moving from Cordova to Capacitor<\/h2>\n<p>When using the Ionic VS Code extension, you\u2019ll be presented with a tab called \u201cCapacitor Migrations.\u201d The migrations tab will:<br \/>\n&#8211; Help you migrate your native runtime from Cordova to Capacitor<br \/>\n&#8211; Remove Cordova plugins that are no longer required with Capacitor<br \/>\n&#8211; Replace Cordova plugins with their Capacitor equivalents<br \/>\n&#8211; Flag incompatible Cordova plugins and offer recommendations for manual migrations<\/p>\n<p>Suppose you are thinking of migrating your legacy project from Cordova to the more modern Capacitor. In that case, this extension will help identify all of the pain points you may run into and automate some of the more challenging parts for you. Even if you decide to stick with Cordova, seeing all of the above laid out in a clean, easy-to-read report may show you that it\u2019s not that hard to be on the newest tech.<\/p>\n<p><a href=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/migration.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"699\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/migration.gif\" alt=\"GIF showing off Capacitor migration\" class=\"alignnone size-medium wp-image-4268 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 993px; --smush-placeholder-aspect-ratio: 993\/699;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"699\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/migration.gif\" alt=\"GIF showing off Capacitor migration\" class=\"alignnone size-medium wp-image-4268\" \/><\/noscript><\/a><\/p>\n<h2>Native Android and iOS project settings<\/h2>\n<p>Every Android and iOS application has bundle IDs, display names, build numbers, and other settings that you need to modify to submit your application to the app stores. If you\u2019ve primarily worked with Cordova or Capacitor, you may be wary of manually changing these values. Or, maybe you just want an easier way to change these values.<\/p>\n<p>With the Ionic VS Code extension, you can modify all of these native project settings, and more, with the click of a button. Changing your app\u2019s \u201cDisplay Name\u201d or \u201cVersion Number\u201d is as simple as clicking on the button and typing in a new value. The VS Code extension will handle the rest.<\/p>\n<p><a href=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/config.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"800\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/config.gif\" alt=\"GIF showing off Capacitor config\" class=\"alignnone size-medium wp-image-4267 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1281px; --smush-placeholder-aspect-ratio: 1281\/800;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"800\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/config.gif\" alt=\"GIF showing off Capacitor config\" class=\"alignnone size-medium wp-image-4267\" \/><\/noscript><\/a><\/p>\n<h2>Icon and Splash Screen generator<\/h2>\n<p>Making icons and splash screens for all of the various devices can be a real pain. There are great, free solutions like <a href=\"https:\/\/icon.kitchen\/\">IconKitchen<\/a> and <a href=\"https:\/\/appicon.co\/\">App Icon Generator<\/a>, but wouldn\u2019t it be great if it was baked into VS Code itself? Luckily, with the Ionic extension, it is!<\/p>\n<p>The Ionic extension comes with <code>cordova-res<\/code> installed, and in the future will use <code>@capacitor\/assets<\/code>. <a href=\"https:\/\/www.npmjs.com\/package\/cordova-res\">These<\/a> <a href=\"https:\/\/www.npmjs.com\/package\/@capacitor\/assets\">packages<\/a> allow you to pass in a single icon and generate multiple icons and splash screens that work with Android, iOS, and PWA targets. It\u2019s one of the easiest ways to get perfectly sized icons for your native application. No external tool is required.<\/p>\n<h2>Easily run your application on a device<\/h2>\n<p><a href=\"https:\/\/github.com\/ionic-team\/native-run\">native-run<\/a> is a tool built by Ionic that makes it easy to generate a debug version of your mobile application and run it on an emulator, simulator, or physical device. With the Ionic extension, it\u2019s built right into VS. Code. To run your application on a device, click on \u201cRun On \u201d under the \u201cCapacitor\u201d section of the extension. The Capacitor CLI will automatically copy, sync, and run a debug build on whatever device you select.<\/p>\n<p><a href=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/run.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"699\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/run.gif\" alt=\"GIF showing off native run\" class=\"alignnone size-medium wp-image-4269 lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 993px; --smush-placeholder-aspect-ratio: 993\/699;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"699\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/run.gif\" alt=\"GIF showing off native run\" class=\"alignnone size-medium wp-image-4269\" \/><\/noscript><\/a><\/p>\n<h2>And more<\/h2>\n<p>The Ionic VS Code extension is not only for Ionic Framework but for all Web Native projects. It is built, maintained, and iterated on by the Ionic team and can help you do the same for any of your Capacitor applications. If you\u2019re starting a new Capacitor project, migrating off Cordova, or are just starting out with Ionic or Capacitor, check it out! It\u2019s all free \ud83d\ude04<\/p>\n<p>For a full rundown of features and a download link, <a href=\"https:\/\/ionic.link\/vscode\">check out the extension itself on the VS Code marketplace<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve been making a lot of buzz about our new VS Code Extension for Ionic Framework. But, you may not know that the extension works with other Capacitor projects as well. In this post, we\u2019ll go over three great features of the Ionic extension that you can leverage for your Capacitor project.<\/p>\n","protected":false},"author":90,"featured_media":4265,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"1","publish_post_category":"26","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"547915","discourse_permalink":"https:\/\/forum.ionicframework.com\/t\/capacitor-s-ionic-s-visual-studio-code-extension\/223856","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[121,124],"tags":[151,246],"class_list":["post-4264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineering","category-tutorials","tag-capacitor","tag-vs-code"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Capacitor \u2764\ufe0f&#039;s Ionic\u2019s Visual Studio Code Extension - Ionic Blog<\/title>\n<meta name=\"description\" content=\"We\u2019ve been making noise about the new Ionic VS Code Extension. But, you may not know that the extension works with any Capacitor project!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Capacitor \u2764\ufe0f&#039;s Ionic\u2019s Visual Studio Code Extension\" \/>\n<meta property=\"og:description\" content=\"We\u2019ve been making noise about the new Ionic VS Code Extension. But, you may not know that the extension works with any Capacitor project!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-03T18:52:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Thomas Vidas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ThomasVidas\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Vidas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension\"},\"author\":{\"name\":\"Thomas Vidas\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2191fc27ddf1fb0e68acad42e1f71bd2\"},\"headline\":\"Capacitor \u2764\ufe0f&#8217;s Ionic\u2019s Visual Studio Code Extension\",\"datePublished\":\"2022-06-03T18:52:15+00:00\",\"dateModified\":\"2022-06-03T18:52:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension\"},\"wordCount\":712,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png\",\"keywords\":[\"Capacitor\",\"VS Code\"],\"articleSection\":[\"Engineering\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension\",\"url\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension\",\"name\":\"Capacitor \u2764\ufe0f's Ionic\u2019s Visual Studio Code Extension - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png\",\"datePublished\":\"2022-06-03T18:52:15+00:00\",\"dateModified\":\"2022-06-03T18:52:15+00:00\",\"description\":\"We\u2019ve been making noise about the new Ionic VS Code Extension. But, you may not know that the extension works with any Capacitor project!\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png\",\"width\":1600,\"height\":880,\"caption\":\"Capacitor + VS Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Capacitor \u2764\ufe0f&#8217;s Ionic\u2019s Visual Studio Code Extension\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2191fc27ddf1fb0e68acad42e1f71bd2\",\"name\":\"Thomas Vidas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/11\/avatar-thomas-150x150.jpeg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/11\/avatar-thomas-150x150.jpeg\",\"caption\":\"Thomas Vidas\"},\"sameAs\":[\"https:\/\/x.com\/ThomasVidas\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/thomasionic-io\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Capacitor \u2764\ufe0f's Ionic\u2019s Visual Studio Code Extension - Ionic Blog","description":"We\u2019ve been making noise about the new Ionic VS Code Extension. But, you may not know that the extension works with any Capacitor project!","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:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension","og_locale":"en_US","og_type":"article","og_title":"Capacitor \u2764\ufe0f's Ionic\u2019s Visual Studio Code Extension","og_description":"We\u2019ve been making noise about the new Ionic VS Code Extension. But, you may not know that the extension works with any Capacitor project!","og_url":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension","og_site_name":"Ionic Blog","article_published_time":"2022-06-03T18:52:15+00:00","og_image":[{"width":1600,"height":880,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png","type":"image\/png"}],"author":"Thomas Vidas","twitter_card":"summary_large_image","twitter_creator":"@ThomasVidas","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Thomas Vidas","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension"},"author":{"name":"Thomas Vidas","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2191fc27ddf1fb0e68acad42e1f71bd2"},"headline":"Capacitor \u2764\ufe0f&#8217;s Ionic\u2019s Visual Studio Code Extension","datePublished":"2022-06-03T18:52:15+00:00","dateModified":"2022-06-03T18:52:15+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension"},"wordCount":712,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png","keywords":["Capacitor","VS Code"],"articleSection":["Engineering","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension","url":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension","name":"Capacitor \u2764\ufe0f's Ionic\u2019s Visual Studio Code Extension - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png","datePublished":"2022-06-03T18:52:15+00:00","dateModified":"2022-06-03T18:52:15+00:00","description":"We\u2019ve been making noise about the new Ionic VS Code Extension. But, you may not know that the extension works with any Capacitor project!","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png","width":1600,"height":880,"caption":"Capacitor + VS Code"},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/capacitor-3-ionic-vs-code-extension#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Capacitor \u2764\ufe0f&#8217;s Ionic\u2019s Visual Studio Code Extension"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2191fc27ddf1fb0e68acad42e1f71bd2","name":"Thomas Vidas","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/11\/avatar-thomas-150x150.jpeg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/11\/avatar-thomas-150x150.jpeg","caption":"Thomas Vidas"},"sameAs":["https:\/\/x.com\/ThomasVidas"],"url":"https:\/\/ionic.io\/blog\/author\/thomasionic-io"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/06\/capacitor-vs-feature-image.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/90"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=4264"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4264\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/4265"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=4264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=4264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=4264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}