<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/capacitor-s-ionic-s-visual-studio-code-extension-re3ck3jod" -->

---
title: Capacitor ❤️’s Ionic’s Visual Studio Code Extension
description: The Ionic VS Code extension is built right into the Ionic Framework. It can be used to migrate from Cordova to Capacitor. You can use the extension to generate...
canonical: https://daily.dev/posts/capacitor-s-ionic-s-visual-studio-code-extension-re3ck3jod
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Capacitor ❤️’s Ionic’s Visual Studio Code Extension | daily.dev
og:description: The Ionic VS Code extension is built right into the Ionic Framework. It can be used to migrate from Cordova to Capacitor. You can use the extension to generate...
og:url: https://daily.dev/posts/capacitor-s-ionic-s-visual-studio-code-extension-re3ck3jod
og:image: https://api.daily.dev/og/posts/re3cK3Jod.png
og:image:alt: Capacitor ❤️’s Ionic’s Visual Studio Code Extension
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Capacitor ❤️’s Ionic’s Visual Studio Code Extension

**[Ionic Blog](https://daily.dev/sources/ionic)** · 3 min read · 50 upvotes · 2 comments

## Summary

The Ionic VS Code extension is built right into the Ionic Framework. It can be used to migrate from Cordova to Capacitor. You can use the extension to generate icons and splash screens for your apps. The extension is free to download and use on any Ionic or Cordova app.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://ionicframework.com/blog/capacitor-3-ionic-vs-code-extension/>

## Community discussion

Top comments from developers on daily.dev.

**@ghost** · 1 upvotes

> The option to click on the sidebar extension and generate a boilerplate for a new React/Vue/Angular app for mobile app development is so fast!
>
> I saw their YouTube video and the Ionic command works in a jiffy! 🔥

---

Tags: [#devtools](https://daily.dev/tags/devtools), [#general-programming](https://daily.dev/tags/general-programming), [#ionic](https://daily.dev/tags/ionic), [#webdev](https://daily.dev/tags/webdev)

[View this post on daily.dev](https://daily.dev/posts/capacitor-s-ionic-s-visual-studio-code-extension-re3ck3jod)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Capacitor ❤️’s Ionic’s Visual Studio Code Extension","url":"https://daily.dev/posts/capacitor-s-ionic-s-visual-studio-code-extension-re3ck3jod","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/capacitor-s-ionic-s-visual-studio-code-extension-re3ck3jod"},"datePublished":"2022-06-03T19:04:52.356Z","dateModified":"2026-03-15T05:17:26.238Z","description":"The Ionic VS Code extension is built right into the Ionic Framework. It can be used to migrate from Cordova to Capacitor. You can use the extension to generate...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ed0514d2e1bdeb27ce92dc48b595a1c9","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ed0514d2e1bdeb27ce92dc48b595a1c9","isAccessibleForFree":true,"articleSection":"Ionic Blog","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Ionic Blog","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/296f30dacd74494d83a863631ac87394","url":"https://daily.dev/sources/ionic"},"commentCount":2,"discussionUrl":"https://daily.dev/posts/capacitor-s-ionic-s-visual-studio-code-extension-re3ck3jod","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":50},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"devtools,general-programming,ionic,webdev","timeRequired":"PT3M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Ionic Blog","item":"https://daily.dev/sources/ionic"},{"@type":"ListItem","position":3,"name":"Capacitor ❤️’s Ionic’s Visual Studio Code Extension"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/capacitor-s-ionic-s-visual-studio-code-extension-re3ck3jod","comment":[{"@type":"Comment","text":"The option to click on the sidebar extension and generate a boilerplate for a new React/Vue/Angular app for mobile app development is so fast!\nI saw their YouTube video and the Ionic command works in a jiffy! 🔥","datePublished":"2022-06-06T06:32:26.815Z","url":"https://daily.dev/posts/re3cK3Jod#c-FA1PYKXPo","author":{"@type":"Person","name":"Deleted user","url":"https://daily.dev/ghost","image":"https://media.daily.dev/image/upload/s--hNIUzLiO--/f_auto/v1705327420/public/ghost_vlftth"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]}
```

