There are two ways to create your Capacitor application. You can use the @capacitor/create-app package to create a Capacitor application from scratch, or you can add Capacitor to your already existing web project.
Remember to make sure your environment is set up for the platforms you will be building for.
The @capacitor/create-app package can be used to quickly create a Capacitor application. You can run the following command in an empty directory to scaffold a new Capacitor application.
npm init @capacitor/app
Copy
Adding Capacitor to your existing web application
Capacitor was designed to drop into any modern JavaScript web app. However, your project needs to have the following three requirements in order to use Capacitor with your existing application.
Your project must have...
A package.json file
A separate directory for built web assets such as dist or www
An index.html file at the root of your web assets directory
Info
Your index.html file must have a <head> tag in order to properly inject Capacitor. If you do not have a <head> in your Html, Capacitor plugins will not work.
After the Capacitor core runtime is installed, you can install the Android and iOS platforms.
Copy
Once the platforms have been added to your package.json, you can run the following commands to create your Android and iOS projects for your native application.
