How to install Ionic

In this tutorial you will learn how to install ionic using CLI step by step

Install the Ionic CLI

Before proceeding, make sure your computer has Node.js installed. See these instructions to set up an environment for Ionic.

Install the Ionic CLI with npm:

$ npm install -g @ionic/cli

If there was a previous installation of the Ionic CLI, it will need to be uninstalled due to a change in package name.

$ npm uninstall -g ionic
$ npm install -g @ionic/cli

The -g option means install globally. When packages are installed globally, EACCES permission errors can occur. Consider setting up npm to operate globally without elevated permissions. See Resolving Permission Errors for more information.

Start an App

Create an Ionic app using one of the pre-made app templates, or a blank one to start fresh. The three most common starters are the blank starter, tabs starter, and sidemenu starter. Get started with the ionic start command:

$ ionic start myApp tabs

To learn more about starting Ionic apps, see the Starting Guide.

Run the App

The majority of Ionic app development can be spent right in the browser using the ionic serve command:

$ cd myApp
$ ionic serve