Live presentation: Top 10 Ways to Launch a Successful Mobile Project
The Capacitor workflow involves a few consistent tasks:
Capacitor turns your web app into a native binary for each platform. Thus, much of your work will consist of developing and then building a mobile-focused web app.
As a final step, you will build your application using a command similar to:
npm run build
If you are using a framework, follow your framework’s build process. If, for example, you are using Ionic, this would be:
When you are ready to run your app natively on a device or in a simulator, copy your built web assets using:
npx cap copy
Capacitor uses the Native IDEs to build, simulate, and run your app. To open one, run:
npx cap open
In some cases, the Capacitor app needs to be updated, such as when installing new plugins.
To install new plugins (including Cordova ones), run:
npm install really-cool-plugin npx cap update
To check if there are any new updates to Capacitor itself, run
npx cap doctor to print out the current installed dependencies as well view the latest available.
To update Capacitor Core and CLI:
npm install @capacitor/cli@latest npm install @capacitor/core@latest
To update any or all of the platforms you are using:
npm install @capacitor/ios@latest npm install @capacitor/android@latest
Note: If you don’t want to risk introducing breaking changes, use
npm update @capacitor/package-name instead of
update respects semantic versioning.