What is Ionic?
Published on Oct 12, 2017
2 min read
Ionic with it’s latest version, is performance efficient using minimal DOM manipulation. Angular also plays a major role in increasing the performance of an Ionic application.
It has it’s own command line interface tool that is really helpful to scaffold and develop an application and majorly in avoid writing boilerplate code, thus, saving precious time.
Development Setup for Ionic🔗
Nodejs and npm🔗
To develop and run Ionic apps, we need Nodejs, most importantly, because Ionic uses Node’s CLI to build tasks and generate resources. Navigate to Nodejs official website to download Nodejs and it’s package manager:
To check of Nodejs is installed correctly, in your terminal window:
$ node -vv6.11.0$ npm -v3.10.10
npm is a Package Manager that is used to download almost every dependency in an Ionic Project.
Next step is to install TypeScript compiler.
$ npm install -g typescript# After installtion, to check if installed correctly:$ tsc -vVersion 2.3.4
Install Cordova and Ionic CLI🔗
$ npm install -g cordova ionic
Verify your installation by:
$ cordova -v7.0.1$ ionic infoglobal packages:@ionic/cli-utils : 1.3.0Ionic CLI : 3.3.0System:Node : v6.11.0OS : macOS SierraXcode : Xcode 8.1 Build version 8B62ios-deploy : not installedios-sim : not installed
To install platform such as iOS and espcially android, I will want you to refer the official guidelines:
- for iOS: Cordova iOS Platform Guide
- for android: Cordova android Platform Guide
Originally Published at Hackernoon.com
Browse all posts
I'm a software developer and a technical writer. In this blog, I write about Technical writing, Node.js, React Native and Expo.
Currently, working at Expo. Previously, I've worked as a Developer Advocate, and Senior Content Developer with companies like Draftbit and Vercel.