Environment Setup for Ionic Angular Project

Since Ionic Framework is on, i was fascinated by the web technologies they use that helps build Android, iOS as well as Web apps from a single source code base. So i started exploring Angular and Ionic to develop interactive hybrid apps.

To get started with Ionic Framework, the only requirement is a Node & npm environment. Node is bundled with npm, the package manager for JavaScript. It is recommended selecting the LTS version to ensure best compatibility, download it from here.

Of course, a code editor is also required. Visual Studio Code is recommended. Visual Studio Code is a free, download it from here.

In general, I recommend using the built-in terminals. For Windows, Its Command Prompt, For macOS, the built-in Terminal app is awesome.

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


node --version
npm --version


Now its time to install Angular CLI as we are going to develop the app using Ionic and Angular.
The command is:


npm install -g @angular/cli


To verify the installation, run:


ng --version


Now let’s install Ionic finally.
The command is:


npm install -g @ionic/cli


You have successfully installed Node.js, Angular CLI and Ionic CL and ready to create your first Ionic app.