Prepare your Linux/OSX box for Ionic development

This short guide will help you to prepare your Windows machine for Ionic development. In addition to this a set of very useful tools that boost your productivity will be suggested for installation.

The basics

NodeJS

To install the Node.js platform download and execute the installer which is provided in the official web page

https://nodejs.org/

GRUNT The JavaScript Task Runner

Grunt is a very popular automation tool. Most of the AngularJS projects out there are based on a Grunt friendly structure. Grunt starts the NodeJS server, is monitoring the filesystem for changes, and undertakes a variety set of common tasks.

Install the Grunt CLI tools by following the instruction provided in the "Getting started" web page.

http://gruntjs.com/getting-started

Bower A package manager for the web

Bower works by fetching and installing packages from all over, taking care of hunting, finding, downloading, and saving the stuff you’re looking for. Bower keeps track of these packages in a manifest file, bower.json. How you use packages is up to you. Bower provides hooks to facilitate using packages in your tools and workflows.

Install the Bower package manager by following the instructions provided in the official bower.io web page.

http://bower.io/

PhoneGap and Ionic

PhoneGap and Ionic should be installed in your computer. Install the bye following the instructions in the “Install PhoneGap” and “Getting Started with Ionic” sections in the official PhoneGap and Ionic sites respectively.

http://phonegap.com/install/

http://ionicframework.com/getting-started/

SASS support

SASS is a technology widely used in the AngularJS applications. When it comes to PhoneGap and Ionic grunt-contrib-sass plugin is required in the most of the Ionic application you will be asked to develop. Usually this plugin is marked as required in the configuration files of the Ionic applications and Grunt will try to install it in your system and makes use of it. In order for this plugin to be able to be installed and used, Ruby and SASS should be already installed in your dev box.

Ruby OSX

The easiest way to Install Ruby on OSX is by using the Homebrew package manager, a process which is described in details in the following link:

https://www.ruby-lang.org/en/documentation/installation/#homebrew

Ruby Linux

The easiest way to Install Ruby on OSX is by using a package manager. Instructions for each distribution are provided in the following link:

https://www.ruby-lang.org/en/documentation/installation/#package-managem...

SASS OSX

With Ruby installed, open a terminal and execute "gem install sass". If you get an error message then it's likely you will need to use the "sudo gem install sass"

http://sass-lang.com/install

SASS Linux

With Ruby installed, open a terminal and execute: sudo su -c "gem install sass".

http://sass-lang.com/install

Stay tuned

Join our list and sing up to get early access to our latest news and free tutorials about Ionic.