Ionic Framework v2

Setting it up — Mac OS for Ionic Framework v3

Still finding it tough to get your hands on setting up your mac workstation to build and run your Ionic Framework v3 apps.

Here’s a quick and short guide that can help you set it up in a short span!

First things first — Download Android SDK + JDK 8+, Xcode 8+ then download the latest Nodejs setup and install all three of them.

I have an older version of Android SDK, the latest one forced me to download Android Studio as well, How can I use it?

If you have mapped the Android SDK correctly as below, then just run this command in terminal —

android

this will invoke the Android SDK Manager interface and you may choose to update to the latest SDK.

Unpack the Android SDK place it somewhere and map it — what do you mean map it? How?

In terminal type this —

export ANDROID_HOME=/path---to--my--sdk/androidsdk/android-sdk-macosx
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/tools:$PATH
export JAVA_HOME=”$(/usr/libexec/java_home)”

What the heck I’m on www.nodejs.org and see LTS and Current which one to tap and install it is so confusing :( well always use the LTS (Stable).

Wow now the setup ran, but hey no signs of node alerts successfully installed?

Let’s go back to the terminal, type below and hit enter/return —

npm 

Did you see this — If yes, nodejs aka npm is installed and it works!

Usage: npm <command>
where <command> is one of:
Config info can be viewed via: npm help config
npm@x.x.x

Ahh!! I just realised I had a previous version of node already installed and my Ionic v2 is failing.

let’s cleanup using below command in terminal —

sudo npm uninstall -g 
sudo npm cache clean
sudo npm uninstall -g cordova
sudo npm uninstall -g ionic
sudo npm install -g ionic
sudo npm install -g cordova

To start a new v2 project just use below command —

ionic start --v2 myhelloworld blank --id com.myhelloworld.app

move to the project folder —

cd myhelloworld

Lets test the build

ionic cordova build

You will be prompted with few choice as below:

? The plugin @ionic/cli-plugin-cordova is not installed. Would you like to install it and continue? Yes
? What platform would you like to build: ios, android: android

Ionic v3.x now supports desktop (grid layout like bootstrap) mode to view run the project in your browser — apps can now be used for websites

ionic serve 

Stay tuned and leave your comments on your experience, will come back with more detailed guides on configuring and building apps with Ionic framework v3.