Ionic

Quick Start

For full documentation, please visit to the official website:

CLI

https://ionicframework.com/docs/cli/

Capacitor

https://capacitor.ionicframework.com/docs/

Native

https://ionicframework.com/docs/native

CLI

Install/Update Ionic as global CLI

npm install -g ionic

New project

ionic start myApp

Link project to Ionic AppFlow

ionic link

Preview in web browser

ionic serve

Build web assets and prepare your app for any platform targets

ionic build

Add a native platform to your Ionic project

ionic capacitor add android
ionic capacitor add ios

Open the project in Xcode

ionic capacitor open ios

Sync web assets folder to ios/android folder

ionic capacitor copy ios
ionic capacitor copy android

Live reload with capacitor

ionic capacitor run ios -l --external
ionic capacitor run android -l

Install native plugin

// Install Core library (once per project)
npm install @ionic-native/core --save

// Install Ionic Native TypeScript wrapper
npm install @ionic-native/barcode-scanner --save

// Install Cordova plugin
npm install phonegap-plugin-barcodescanner --save

// Update native platform project(s) to include newly added plugin
ionic cap sync