Setting up an Angular 7and Ionic 4 with Cordova Application

This guide will utilize the following frameworks: Node JS, Ionic 4, and Angular 7.

Step 1: Lets install the npm package for ionic globally for the CLI to work no matter the project we are working with.

sudo npm install -g ionic

To verify the installation we can just check the version of the CLI

ionic --version

Step 2. Setup a home for the working project. For example, I always place my work into a directory on the c: called development and then the project name or type. Example: c:/development/ionicapp

You can make the directory with a command line by using “mkdir”

mkdir ionicapp

cd into the newly created directory

cd ionicapp

Step 3. Once inside the directly create a new ionic angular application by using:

ionic start <name of application> tabs --type=angular

The above command will utilize the ionic CLI and use the “start” command within the ionic CLI. The start command then allows for an “application name” the type of project (this could be blank, tabs, or side menu) and then the type (newly created as of 4).

Step 4. Follow the series of questions. There are two important questions that need to be addressed.

1. Integrate your new app with Cordova to target native iOS and Android? (Y/N) — Of course, this is Yes.
2. Install the free Ionic Pro SDK and connect your app? (Y/N) — This is the old question. Ionic Pro is now called Ionic App flow.