You can develop Ionic apps on any operating system you prefer. Ionic has been developed for the 3 major OS platforms viz. Windows, Mac OS X and Linux. You can build your entire App source codes on any platform.
However, when it comes to compiling and generating the distributable App, there is one limitation. On Windows or Linux you will only be able to generate the distributable App for Android. On a Mac OS X you will be able to compile both for Android as well as iOS. So, if you wish to develop Apps both for Android as well as iOS, you need a Mac Computer and install ionic framework on a Mac.
For the purpose of this article, I will discuss about installation and setup on a Windows computer, considering that a majority of users own a Windows computer.
Also, if you are a beginner App developer and do not own a Mac computer, there is no point in buying the expensive Mac machine at this stage. Spend some time building Android Apps on a Windows PC and once you have acquired a decent level you can invest in a Mac.
Please note that the app source code that you develop on a windows computer can be simply taken as it is on a Mac computer and compiled there to generate the iOS version of the App.
Ionic is desgined to build Apps for iPhone (iOS 7+) and Android (4.1+) devices. At the minimum, you require the following software installed and setup on your computer to be able to build hybrid mobile apps using the Ionic framework.
c:\> node -v
This will output the version number of Node, such as:
c:\> npm -v
This will output the version number of npm, such as:
Git is a free and open source distributed version control system. While building your apps you will need to execute commands in the Git Bash. Git for Windows provides a Bash emulation used to run Git from the command line. Linux/Unix users would already be familiar with the Bash interface. Git also provides a GUI interface. However, for our purposes we only need the command line interface.
On Windows, download and install Git for Windows from the Git-SCM website. The moment you visit this website, it will auto-detect your windows version and start the download process. Just follow through the steps, as shown below:
Now that Git Bash is installed, you can invoke this CLI by simply right-clicking on any folder in Windows Explorer.
Ionic apps are created and developed primarily through the Ionic CLI (Command Line Interface), and use Cordova to build and deploy on the app store as a native app. Apache Cordova takes our app and bundles it into a native wrapper to turn it into a traditional native app. The Ionic CLI makes it easy to start, build, run, and emulate Ionic apps.
Now that you have successfully installed npm and Git Bash, you are ready to install ionic and cordova.
$ npm install -g ionic cordova
$ sudo npm install -g ionic cordova
For development convenience, you require a smart code editor. There are several editors available. However, I would recommend Visual Studio Code. Visual Studio Code is a source code editor developed by Microsoft. VS Code is available for Windows, Linux and Mac. It provides a smart IDE (Integrated Development Environment) with support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.
Here is the link for downloading VS Code - https://code.visualstudio.com/download. Spend some time at their website to understand how to install and set it up. it is fairly straight forward.
Android SDK is required for publishing your App for Android. It is also required for testing your Apps in a Mobile Phone Emulator.
For building native apps for iOS and Android, each platform has certain features and installation requirements so that you get the most out of your Ionic and Cordova development. Depending on the platforms you wish to develop for, you will need to install some platform-specific tools. Follow the Cordova platform guides for Android and iOS to make sure you have everything needed for development on these platforms.
After you have installed all of the above 5 sets of software, you are ready to embark on your App Development mission. In subsequent articles, I will demonstrate how you can build mobile apps, through real world examples of some simple mobile apps.
CEO, Computer Solutions
Rajeev Kumar is the primary author of How2Lab. He is a B.Tech. from IIT Kanpur with several years of experience in IT education and Software development. He has taught a wide spectrum of people including fresh young talents, students of XLRI, industry professionals, and govt. officials.
Rajeev has founded Computer Solutions & WebServicesWorldwide.com, and has hands-on experience of building variety of web applications and portals, that include - SAAS based ERP & e-commerce systems, independent B2B, B2C, Matrimonial & Job portals, and many more.