Table of Contents
What is Ionic ?
Ionic Framework’s app development platform builds amazing cross-platform mobile, web, and desktop apps all with one shared code base and open-web standards.
Before proceeding, make sure your computer has Node.js installed.
Environment Setup
To get started with Ionic Framework, the only requirement is a Node & npm environment.
Of course, a code editor is also required. Visual Studio Code is recommended. Visual Studio Code is a free, batteries-included text editor made by Microsoft.
Install the Ionic CLI / Ionic Framework’s Setup
$ 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
Ionic + React
$ npm install @ionic/react
$ npm install @ionic/react-router
Ionic + Angular
$ npm install @ionic/angular@latest --save
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
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
There are a number of other ways to run an app, it’s recommended to start with this workflow.
I hope you like this article.
Also Read :
- Tailwind CSS Setup
- Bootstrap Complete Setup
- React Complete Course
- javascript bootcamp
- Vs Code Shortcuts key