---
# System prepended metadata

title: <center>First App Ionic</center>

---

# <center>First App Ionic</center>

Run this command line
`npm install -g ionic cordova`
`ionic start photo-gallery tabs --type=angular`
“Install the free Ionic Appflow SDK and connect your app?”

Type “y” and press Enter. Ionic Appflow is a powerful set of services and features built on top of the flagship Ionic Framework. This includes updating your app instantly (skipping the app store review process!), packaging apps in the cloud, and error monitoring.

Log into your Ionic Account

Sign in now to easily access awesome features like building native apps in the cloud and Live Deploys later in this tutorial.

What would you like to do?

Choose “Create a new app on Ionic Appflow.”

Which git host would you like to use?

Choose “Ionic Appflow.”

“How would you like to connect to Ionic Appflow?”

+ Choose “Automatically setup a new SSH key pair for Ionic Appflow” if you haven’t used SSH before.
+ Choose “Use an existing SSH key pair” if you’ve used SSH before.

Run this command line
`cd photo-gallery`
`git push ionic master`

Run the App
`ionic serve`

add this line code in `/src/app/tab2/tab2.page.html`

```htmlmixed=
<ion-header>
  <ion-toolbar>
    <ion-title>Tab Two</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding></ion-content>
```
Up there is ionic component. Ionic easly to add and remove component like building block.

If you want to add more component you can search it in [here](https://ionicframework.com/docs/components)

If you want to add more pluggin you can search it in [here](https://ionicframework.com/docs/native)

For back up
`git add .`
`git commit -m "converting tab2 page to photo gallery"`
`git push ionic master`

Source: https://ionicframework.com/docs/developer-resources/guides/first-app-v4/intro