Install Ionic Framework for android development on ubuntu





I have recently been exploring different mobile development frameworks, more specifically JavaScript, HTML and CSS  hybrid frameworks.  The one framework I have enjoyed working with the most is Ionic  , due to that it has been the one with the most minimal learning curve for myself as it readily use Angular.  I have quite literally got up and running developing an app in hours.  It is awesome and really easy to learn.

 

Ionic is a free and open source library of mobile-optimized HTML, CSS and JS CSS components, gestures, and tools for building highly interactive apps. Built with Sass and optimized for AngularJS.

Although the setting up of Ionic and developing with ionic was extremely easy on my Macbook, I found the installing and setting up on my Ubuntu Workstation for android development a little trickier.  I found a few good resources out there to help, like Nic Raboy’s Install Android, Cordova and Ionic in Ubuntu , I did find that I needed to tweak his script a little.

 

The updates I had to make to Nic’s script were to remove the installation of Node , due to the fact I will install it via Node Version Manager  and install the Ionic 2 Framework, the core of Nic’s script remained the same,  and it is still worthwhile watching his video tutorial to get additional information. I thought I would post my version in order to provide further assistance to folks out there.



Install Node using Node Version Manager

One of the key areas I had to do differently to Nic’s post was I installed Node.JS by using the Node Version Manager.  This is now my preferred method on a Ubuntu Workstation, for a number of reasons.

  • Enables the execution of npm without sudo
  • enables the installation of number of different versions of node.js
  • Easily maintainable

 

NOTE :  Currently Ionic will only work with Node Version 4 and Below.   Currently it does not support of Node 5 .

 

I have removed the installation of node from the Script, in part because the instructions in Install Node using Node Version Manager covers this process.

 

Updated Script

I have also update the script to install the most current Android at the time of writing




Additional Steps

 

Once the script has finished executing you will need to restart your Ubuntu machine for the changes to take effect.   Then once you have completed restart then complete these additional steps:

Open a terminal Window  (ctrl + alt + t ).  and type android and enter

This will open the Android SDK Manager  and Select Android 5.1.1 (API 22)
Android SDK Manager

You can customise what you want to select from this list depending on what you need.

Gary Woodfine

Freelance Full Stack Developer at threenine.co.uk
Helps businesses by improving their technical proficiencies and eliminating waste from the software development pipelines.

A unique background as business owner, marketing, software development and business development ensures that he can offer the optimum business consultancy services across a wide spectrum of business challenges.
  • Good job! I am using Node 0.12.7 and it works fine. Not sure if there are issues I haven’t run into yet.

    Best,

    • I’m pretty sure using Node 0.12.7 would work just fine too. In my particular case, I just really wanted to have the flexibility of using Node Version Manager in the background, and also download the latest Android SDK. I will aim to update this particular script to incorporate installing the NVM too. I do advise other readers to visit your blog as it definitely does provide a lot more background and the video tutorial helps alot.

    • I just realised one of my statements in the post was incorrect. I have updated the statement now

π