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 —
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 —
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 —
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
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 —
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
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.