Prepare your Windows 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

Git

As a prerequisite for the setup of all the tools that will be installed later on, you will need to install Git in order to download any necessary libraries etc. You can download Git from

http://git-scm.com/download/win

Click on the installation executable to start the installation process. You can proceed with the wizard's default options which are pretty straight forward and easy to understand. Few steps later, you will be prompt to configure the line ending conversions. This indicates how Git will treat the line ending in the text files. For example, If you plan to checkout files from a remote Git repository that is running on Linux, use the default selection "Checkout Windows-style, commit Unix-style line endings". Finally, click on "Finish" to exit the setup.

NodeJS

To install the Node.js platform download and execute the windows 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

The easiest way to Install Ruby on Windows is the RubbyInstaller. Download and execute the RubyInstaller which is provided in the in the corresponding web site

http://rubyinstaller.org/downloads

SASS

With Ruby installed, open a powershell and execute "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.