How to Install & Use Ionic Framework on Windows

by Mike Ditka September 2, 2022

How to use Ionic Framework on Windows | Before starting to use Ionic, let me explain what the Ionic framework is for. Ionic is used to build mobile applications using website languages, such as HTML5, CSS, Javascript and others.

Make sure you have Git For Windows installed and the optional console :
Install NodeJs after the install is complete
Open Command Prompt
yusuphamdani-ionic1

NODE JS
Check whether NodeJs is installed or not
yusuphamdani-ionic2

If you get an error like:

C:\Users\LENOVO>node -v
‘node’ is not recognized as an internal or external command,
operable programs or batch files.

It means you haven’t set the path, how to set the path:

Select Start -> Computer -> System Properties -> Advanced system settings -> Environment Variables -> System variables -> PATH.

NPM
NPM (Node Package Manager). This is already installed along with the nodejs install. This tool will be very helpful when adding module nodejs will be installed by default in C:\Program Files\nodejs\node_modules\npm\bin

Check whether NPM has been installed or not

NOTE: Whenever you make changes to PATH, or any other environment variable, you must restart or open a new tab in the shell program for the PATH changes to take effect.

Type npm install –g cordova then enter, Wait until the cordova install process is complete and this requires an internet connection. When finished, open cmd and check cordova

Wait until the ionic process is complete, then check typing ionic then enter

Building ionic apps with command prompt

First we type cd Desktop, this means we open the windows desktop folder
Second, we create an ionic application that will automatically be downloaded and saved on the desktop with the folder name myapp
Myapp is the name of the application to be created
Blank is a template from ioni, there are three template options to choose from: blank, tabs, and sidemenu
Wait until the download is complete, here I will show you what, when finished, the myapp folder will be on the desktop
yusuphamdani-ionic11

Congratulations you have finished building the ionic app. To run the application on Android, I will explain it directly in the next tutorial ^_^