{"id":5951,"date":"2024-03-12T12:21:39","date_gmt":"2024-03-12T16:21:39","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=5951"},"modified":"2024-03-12T14:40:08","modified_gmt":"2024-03-12T18:40:08","slug":"angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension","title":{"rendered":"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension"},"content":{"rendered":"\n<p>We\u2019re excited to celebrate a new milestone for the <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ionic.ionic&amp;ssr=false#overview\" target=\"_blank\" rel=\"noreferrer noopener\">Ionic Visual Studio Code extension<\/a>. This free tool that accelerates Ionic and Capacitor app development recently reached 300,000 installs! Thank you to the community for supporting it and providing valuable feedback.<\/p>\n\n\n\n<p>On the heels of this exciting milestone, Ionic Visual Studio Code Extension v1.70 is out now! Here are some of the major features added in the past few months for Angular and Capacitor.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Angular 17 Enhancements<\/strong><\/h2>\n\n\n\n<p>The Angular 17 release brought a lot of developer experience improvements that the Ionic VS Code Extension helps you leverage easily. <a href=\"https:\/\/angular.io\/guide\/control_flow\" target=\"_blank\" rel=\"noreferrer noopener\">Control flow<\/a> provides an alternative way to conditionally show, hide, and repeat elements in Angular templates. To migrate your project, choose <strong>Project &gt; \u2026<\/strong> then &#8220;Migrate to the built-in control flow syntax.&#8221; <a href=\"https:\/\/angular.io\/guide\/esbuild\" target=\"_blank\" rel=\"noreferrer noopener\">ESBuild<\/a> provides many benefits including faster build-time performance for both initial builds and incremental rebuilds. Upgrade to ESBuild from within the extension\u2019s <strong>Recommendations <\/strong>section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Migrate to Ionic Standalone Components<\/strong><\/h2>\n\n\n\n<p>Developers can now import only the Ionic components used in an app. This <a href=\"https:\/\/ionicframework.com\/docs\/angular\/build-options#standalone\" target=\"_blank\" rel=\"noreferrer noopener\">standalone component approach<\/a> uses tree shaking to reduce overall build size and leverages newer Angular features like ESBuild. The VS Code extension can migrate for you by clicking <strong>Project &gt; \u2026<\/strong> then choosing &#8220;Migrate to Ionic standalone components.&#8221;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"225\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image.png\" alt=\"\" class=\"wp-image-5957 lazyload\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image.png 732w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image-300x92.png 300w\" data-sizes=\"auto, (max-width: 732px) 100vw, 732px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 732px; --smush-placeholder-aspect-ratio: 732\/225;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"225\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image.png\" alt=\"\" class=\"wp-image-5957\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image.png 732w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image-300x92.png 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/noscript><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Automatic Import of Ionic Standalone Components<\/strong><\/h2>\n\n\n\n<p>The drawback to standalone components is that each component has to be manually imported and registered. Enter automatic import! Add an Ionic component into an HTML file, like in <em>home.page.html<\/em>:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-\">&lt;ion-button&gt;&lt;ion-button&gt;<\/code><\/pre>\n\n\n\n<p>Over in <em>home.page.ts<\/em>, the Extension automatically imports the IonButton component and adds it to the list of imports:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-\">import { IonButton } from &#039;@ionic\/angular\/standalone&#039;;\n\n@Component({\n  standalone: true,\n  imports: [IonButton]\n})\n\nexport class HomePage { }<\/code><\/pre>\n\n\n\n<p>This saves a bunch of time and switching between files.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Capacitor 5 Migration<\/strong><\/h2>\n\n\n\n<p>While <a href=\"https:\/\/capacitorjs.com\/docs\/updating\/5-0\" target=\"_blank\" rel=\"noreferrer noopener\">upgrading to newer Capacitor versions<\/a> manually is quite painless, why not have the Extension do it for you? Changes to plugins, as well as the iOS and Android projects, are made during the migration. Look for this option under the <strong>Recommendations<\/strong> section.<\/p>\n\n\n\n<p>That\u2019s not all! <a href=\"https:\/\/ionic.io\/blog\/capacitor-6-beta-now-available\" target=\"_blank\" rel=\"noreferrer noopener\">Capacitor 6 is coming soon<\/a>. Get a head start by migrating to the Release Candidate under the <strong>Recommendations<\/strong> section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Capacitor and Cordova Plugin Search<\/strong><\/h2>\n\n\n\n<p>Search for native functionality, then easily install, uninstall, or update a Capacitor or Cordova plugin. Filter by platform, officially supported, or Capacitor-only plugins. To open the search window, click the three dots next to the &#8220;Plugins&#8221; menu item.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-1024x478.png\" alt=\"\" class=\"wp-image-5967 lazyload\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-1024x478.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-300x140.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-768x358.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-1536x717.png 1536w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2.png 2000w\" data-sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/478;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-1024x478.png\" alt=\"\" class=\"wp-image-5967\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-1024x478.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-300x140.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-768x358.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2-1536x717.png 1536w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/image2.png 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/noscript><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Boost your Ionic development today<\/strong><\/h2>\n\n\n\n<p>Thanks for using the Ionic VS Code extension to build apps faster. Please consider <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ionic.ionic\" target=\"_blank\" rel=\"noreferrer noopener\">leaving an honest rating and review<\/a>, as it helps us reach more Ionic developers like you. This was just a look into some recently added features. For a complete list, <a href=\"https:\/\/marketplace.visualstudio.com\/items\/ionic.ionic\/changelog\" target=\"_blank\" rel=\"noreferrer noopener\">check out the VS Code extension changelog<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ionic Visual Studio Code Extension v1.70 is out now! Here are some of the major features added in the past few months for Angular and Capacitor.<\/p>\n","protected":false},"author":62,"featured_media":5956,"comment_status":"open","ping_status":"open","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":"574263","discourse_permalink":"http:\/\/forum.ionicframework.com\/t\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension\/240273","wpdc_publishing_response":"success","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1,120,122],"tags":[151,246],"class_list":["post-5951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-announcements","category-product","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>Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension - Ionic Blog<\/title>\n<meta name=\"description\" content=\"Ionic Visual Studio Code Extension v1.70 is out now! Here are some of the major features added for Angular and Capacitor.\" \/>\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\/angular-17-and-capacitor-enhancements-now-available-in-the-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=\"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension\" \/>\n<meta property=\"og:description\" content=\"Ionic Visual Studio Code Extension v1.70 is out now! Here are some of the major features added for Angular and Capacitor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-12T16:21:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-12T18:40:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image-1024x512.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Matt Netkow\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dotNetkow\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Netkow\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension\"},\"author\":{\"name\":\"Matt Netkow\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/93c8b2fe110f183510c6285b0de40790\"},\"headline\":\"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension\",\"datePublished\":\"2024-03-12T16:21:39+00:00\",\"dateModified\":\"2024-03-12T18:40:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension\"},\"wordCount\":452,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png\",\"keywords\":[\"Capacitor\",\"VS Code\"],\"articleSection\":[\"All\",\"Announcements\",\"Product\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension\",\"url\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension\",\"name\":\"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png\",\"datePublished\":\"2024-03-12T16:21:39+00:00\",\"dateModified\":\"2024-03-12T18:40:08+00:00\",\"description\":\"Ionic Visual Studio Code Extension v1.70 is out now! Here are some of the major features added for Angular and Capacitor.\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png\",\"width\":2240,\"height\":1120},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS 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\/93c8b2fe110f183510c6285b0de40790\",\"name\":\"Matt Netkow\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/07\/mattnetkow-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/07\/mattnetkow-150x150.jpg\",\"caption\":\"Matt Netkow\"},\"sameAs\":[\"https:\/\/x.com\/dotNetkow\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/mattnetkow\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension - Ionic Blog","description":"Ionic Visual Studio Code Extension v1.70 is out now! Here are some of the major features added for Angular and Capacitor.","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\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension","og_locale":"en_US","og_type":"article","og_title":"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension","og_description":"Ionic Visual Studio Code Extension v1.70 is out now! Here are some of the major features added for Angular and Capacitor.","og_url":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension","og_site_name":"Ionic Blog","article_published_time":"2024-03-12T16:21:39+00:00","article_modified_time":"2024-03-12T18:40:08+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image-1024x512.png","type":"image\/png"}],"author":"Matt Netkow","twitter_card":"summary_large_image","twitter_creator":"@dotNetkow","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Matt Netkow","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension"},"author":{"name":"Matt Netkow","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/93c8b2fe110f183510c6285b0de40790"},"headline":"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension","datePublished":"2024-03-12T16:21:39+00:00","dateModified":"2024-03-12T18:40:08+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension"},"wordCount":452,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png","keywords":["Capacitor","VS Code"],"articleSection":["All","Announcements","Product"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension","url":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension","name":"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS Code Extension - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png","datePublished":"2024-03-12T16:21:39+00:00","dateModified":"2024-03-12T18:40:08+00:00","description":"Ionic Visual Studio Code Extension v1.70 is out now! Here are some of the major features added for Angular and Capacitor.","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png","width":2240,"height":1120},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/angular-17-and-capacitor-enhancements-now-available-in-the-ionic-vs-code-extension#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Angular 17 and Capacitor Enhancements Now Available in the Ionic VS 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\/93c8b2fe110f183510c6285b0de40790","name":"Matt Netkow","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/07\/mattnetkow-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/07\/mattnetkow-150x150.jpg","caption":"Matt Netkow"},"sameAs":["https:\/\/x.com\/dotNetkow"],"url":"https:\/\/ionic.io\/blog\/author\/mattnetkow"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/03\/VS-cap-ang-feature-image.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/5951","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\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=5951"}],"version-history":[{"count":9,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/5951\/revisions"}],"predecessor-version":[{"id":5968,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/5951\/revisions\/5968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/5956"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=5951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=5951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=5951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}