Working With Capacitor
Learn how to use the command line to add and use Capacitor plugins within an Ionic project.
We'll cover the following...
Adding Capacitor to a project
Capacitor can be added to an existing frontend project or by starting a new project.
To add Capacitor to an existing non-Ionic frontend project, we simply need to run the following from the command line:
cd name-of-project-directory-here
npm install @capacitor/core @capacitor/cli --save-dev
Note: Your frontend project must have a valid
package.jsonfile and a<head>element within the project’s mainindex.htmlfile, as this will be used to inject Capacitor into upon app initialization.
Once installed, Capacitor needs to be initialized with information about the application with the following command:
npx cap init
Ask