Set up the development environment
Learn how to set up your local environment to develop Ionic Framework 4 apps like a professional and also learn how to install Ionic 5 Full Starter App.

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.

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:
1
$ npm install -g ionic
Copied!

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:
1
$ node --version
2
$ npm --version
Copied!

Git

Although it's not required, the version control system Git is highly recommended. First, install the command-line utility from the download page. For a GUI client, we recommend Github Desktop.
To verify the installation, open a new terminal window and run:
1
$ git --version
Copied!

Install the app dependencies

After you have Ionic installed, you have to install all the dependencies required by the app. To do this just run the following command using a terminal inside your ionic app folder path.
1
$ cd myApp
2
$ npm install
Copied!

Text editor

The coding of the app will happen inside of a code editor. Personally we use Atom, however, many people like VS Code. You are free to choose any code editor you like.

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 modified 2yr ago