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
  • Installing Ionic
  • Install the Ionic CLI
  • Node & NPM
  • Git
  • Cordova
  • Install the app dependencies
  • Code Editor
  • Run the App

Was this helpful?

  1. Ionic 5 Full App

Initial Setup

This page describes the initial setup steps. Follow the steps to get the app setup and running on your dev environment, as well as on your devices.

PreviousTemplate FeaturesNextEnvironment Configuration

Last updated 3 years ago

Was this helpful?

Installing Ionic

Ionic apps are created and developed primarily through the Ionic utility. The Ionic CLI is the preferred method of installation, as it offers a wide range of dev tools and help options along the way.

Install the Ionic CLI

Before proceeding, make sure the latest version of and are installed. See for details. Install the Ionic CLI globally with npm:

$ npm install -g ionic

Node & NPM

Almost all tooling for modern JavaScript projects is based in . The has prebuilt installation packages for all platforms. We recommend selecting the LTS version to ensure best compatibility.

Node is bundled with , the package manager for JavaScript.

To verify the installation, open a new terminal window and run:

$ node --version$ npm --version

This starter app will run best with node 14.x +

Node and NPM version are constantly updated so if you face any issue in setup, or warnings in npm audit feel free to contact us.

Git

is a distributed version-control system for tracking changes in source code during software development. Although it's not required, we highly recommend using Git for your app development.

First, install the command-line utility from the . For a GUI client, we recommend . To verify the installation, open a new terminal window and run:

$ git --version

Cordova

Cordova is the build environment for this starter. Install latest Cordova using (Cordova-res is required for editing icon and splash when building on devices)

$ npm install -g cordova
$ npm install -g cordova-res

Install the app dependencies

After you have Ionic installed, you have to install all the dependencies required by the app. These dependencies are listed in package.json file in the root of the project. To do this just run the following command using a terminal inside your ionic app folder path.

// Move into your project directory
$ cd myApp
// Install dependencies
$ npm install

If you are using latest NPM, you might see an audit report after the installation is completed. If you see any vulnerability marked as high , please contact us regarding the same.

Code Editor

Run the App

Now we have everything installed, we can test our Ionic App.

You can also use Git CLI to perform all Git related tasks. A good description of all Git CLI commands is given .

Personally we use , however, many people like . You are free to choose any code editor you like.

Go to section to see how to do it.

command-line
Node.js
npm
Environment Setup
Node.js
download page
npm
Git
download page
SourceTree
here
VS Code
Atom
Running the App