Ionic 5 Full Starter App
  • Enappd Apps
  • Ionic 5 Full App
    • What is Ionic 5 Full App?
    • Template Features
    • Initial Setup
      • Environment Configuration
      • Credentials
    • Running the app
    • Deploying app as PWA
    • Building App on device
    • How to use this template?
      • Copy a module to another app
      • Shared Component & Modules
      • Map Service
    • Beginner Pack Features
      • Firebase
      • Layouts
      • Sidemenus
      • Login and Signups
      • Chat screens
      • Chat Lists
      • Video Playlists
      • Grids and Lists Layouts
    • Startup Pack Features
      • Wordpress
        • Wordpress JSON API Basics
        • Wordpress in Ionic 5 Full App
      • Translation - Multi-language
      • Using Custom Fonts
      • Infinite scroll
      • Content Loaders
      • Pull to refresh
      • List re-ordering
      • Date Pickers
    • Pro Pack Features
      • Phaser Game Framework
      • AdMob Integration
        • AdMob Introduction
        • Setting up Google Admob
        • Integration
      • Social Sharing
      • QR and Barcode Scanning
      • Google Places
      • Google Autocomplete
      • Social Logins
        • Google Login
        • Facebook Login
        • Twitter Login
      • Woo-commerce Integration
    • Removing a Page / Component
    • Removing a plugin
    • FAQs
    • Changelog
    • Troubleshoot
Powered by GitBook
On this page

Was this helpful?

  1. Ionic 5 Full App

Running the app

Steps to follow for running your app on browser, device or deploy as PWA

PreviousCredentialsNextDeploying app as PWA

Last updated 5 years ago

Was this helpful?

Run the app on Browser

Once you have the done, it's time to run your app. First we'll run the app in development environment. In development environment, your app runs in a browser (of your choice). It is recommended to make all changes and development while running the app on browser . Running on device while developing will be too time consuming.

To run the app on browser, run

$ ionic serve

on your command line, inside your project folder. This will build the project and deploy it on a localhost url (usually it is localhost:8100). Your command line will look like this

The initial deploy process will take some time when it creates "chunks" of code pieces. Once you see compiled successfully , you are good to go. Your browser window will open automatically and load the app in a full screen view.

To change the app to a device view, right click anywhere on the browser and choose Inspect Elementand choose device mode.

More about browser development tools can be found out in following links

Chrome Dev Tools
Firefox Dev Tools
initial setup