Developing mobile applications with NetBeans 8 and Cordova PhoneGap

In this first blog we will see how to install all the software we will require to develop with Cordova in NetBeans.

Install NetBeans 8 (beta at the current time)

http://dlc.sun.com.edgesuite.net/netbeans/8.0/beta/From the list choose the HTML5 and PHP option and folow the normal instalation.

(if you are coming from a previous version and for some reason the new NetBeans it is not importing your projects you can always from the previous version go to Tools>Export and then import from the new version of NetBeans)

Install Node.js

http://nodejs.org/From the list choose the HTML5 and PHP option and folow the normal instalation.

Install git if you dont have its

http://git-scm.com/download/winFrom the list choose the HTML5 and PHP option and folow the normal instalation.

Install Node.js

http://dlc.sun.com.edgesuite.net/netbeans/8.0/beta/From the list choose the HTML5 and PHP option and folow the normal instalation.

Install Cordova

http://dlc.sun.com.edgesuite.net/netbeans/8.0/beta/From the list choose the HTML5 and PHP option and folow the normal instalation.

Add the windows path variables 

git --version    
cordova --version

If you get a “command not found” error, you have an issue with your installation. More than likely you need the items added to your path variable. In my case, that was C:UsersyouruserAppDataLocalGitHubPortableGit_015aa71ef18c047ce8509ffb2f9e4bb0e3e73f13bin;C:UsersChrisAppDataRoamingnpm

From the list choose the HTML5 and PHP option and folow the normal instalation.

Nice coding….

.step-by-step {
    counter-reset: my-badass-counter;
}
.step-by-step dt {
    position: relative;
    font-size: 1.4em;
    line-height: 1.2em;
    color: #386F34;
    padding: 4px 0 10px 0;
}
.step-by-step dt:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: 0;
    top: 0;
    font: bold 50px/1 Sans-Serif;
}
.step-by-step dd {
    margin: 0 0 50px 0;
}	
.step-by-step dt, .step-by-step dd {
    padding-left: 50px;
}

Eduardo