Using Ionic Framework VS Code Extension To Add Capacitor To Vite React JS Project

Using Ionic VS Code Extension To Add Capacitor To Vite React JS Project
#ionic #capacitor #vite #reactjs

Simple video walkthrough as I try to connect the Ionic VS Code Extension to add native functionality to a Vite ReactJS Application. I wanted to show how you can create native applications from web applications using Ionic Framework Capacitor.

I did find some challenges, issues when using the extension. I will open issues in the GitHub repo and let you all know what I found from this exercise.

A Visual Studio Code Extension for Ionic - Ionic Blog -

Chapters
---------------
00:00 - Introduction
01:56 - Run On The Web
05:06 - Debug On Web With Breakpoint
08:12 - Build App For Distribution
11:40 - Run On IOS
15:20 - Edits So Far To Get Things To Work
16:06 - Development Workflow With Plugin, Issues with Sync?
20:20 - Final Thoughts And Summary

Things I Discovered
-------------------------------
- how to debug on a native device
- could not configure the build directory through the UI
- why do I always have to specify the device when running the app
- why does sync fail, it is missing some property
- can we integrate build and run on device into one command

Follow Me
-------------------------------------------

#reactjs #javascript #ionic #ionicframework #capacitor #nativeapps #mobileapps

-~-~~-~~~-~~-~-
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
-~-~~-~~~-~~-~-

[argelpamintuango]

what about capacitor 2? this extension only works on capacitor 3