Initial Dev Environment 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.

Remember to enter your own GOOGLE API KEY in the source code in the place of YOUR_API_KEY. Without this api key, many functionalities might not work, especially maps. Check the docs for more info

These setups are needed before you can start working on this App platform. Make sure you have all the updated platform and framework needed :

  1. Installing Ionic

  2. Install the Ionic CLI

  3. Node & npm

  4. Git

  5. Code Editor

  6. Install the app dependencies

1.1 Installing Ionic

Ionic apps are created and developed primarily through the Ionic command-line 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.

1.2 Install the Ionic CLI

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

$ npm install -g ionic

1.3 Node & npm

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

Node is bundled with npm, 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 12.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.

1.4 Git

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 download page. For a GUI client, we recommend SourceTree. To verify the installation, open a new terminal window and run:

$ git --version

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

1.5 Code Editor

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

1.6 App Specific Requirements

There are few requirements of this app to be fulfilled . So you can check all it feature. They are listed in App Specific Requirements

Run the App

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

Go to Running the App section to see how to do it.

Last updated