Create a Cordova Project from Scratch - Install the Most Important Softw...
USE the below steps to Create your Cordova App
USING CORDOVA OR PhoneGap
(Setup for Eclipse Android Package Environment - if installed please ignore)
Download Package For Android setup Click To Download
Set Java Environment Variables
- Start > My Computer (right click)> Properties> Advance System Settings
- On System Properties window Select Advance Tab
- Click Environment Variables
- In System Variable click New
- Variable Name: ANDROID_HOME
- Variable Value: D:\All Proj\Android Activity\adt-bundle-windows-x86-20130917\sdk (set your path)
- In System variable Open path variable and append in variable value ;%ANDROID_HOME%\tools
- Variable Name: ANT_HOME
- Variable Value: C:\Program Files\ANT\apache-ant-1.9.3 (set your path)
- In System variable Open path variable and append in variable value ;%ANT_HOME%\bin
- Variable Name: JAVA_HOME
- Variable Value: C:\Program Files\Java\jdk1.7.0_45 (set your path)
- In System variable Open path variable and append in variable value ;%JAVA_HOME%\bin
Install the cordova module using npm utility of Node.js. The cordova module will automatically be downloaded by the npm utility.
(Commands for Installation :- Start > Run > “cmd” )// to open command prompt
on Mac:
sudo npm install -g cordova
on Windows:
C:\>npm install -g cordova
Create New App ( Move to your folder path in cmd then follow below steps. )
>cordova create hello com.example.hello HelloWorld// Folder bundleID AppName
>cd hello
>cordova platform add ios //For Mac
>cordova platform add android //For Windows
>cordova platforms ls//For Mac -Folder view
>cordova build//For Windows
>cordova build ios //For Mac
>cordova run android //For Windows( Please refer below section -- Get the device recognized by your system)
Plugins- if required
Basic device information (Device API):
cordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.network-information
cordova plugin add org.apache.cordova.battery-status
Accelerometer, Compass, and Geolocation:
cordova plugin add org.apache.cordova.device-motion
cordova plugin add org.apache.cordova.device-orientation
cordova plugin add org.apache.cordova.geolocation
Camera, Media playback and Capture:
cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.media-capture
cordova plugin add org.apache.cordova.media
Access files on device or network (File API):
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer
Notification via dialog box or vibration:
cordova plugin add org.apache.cordova.dialogs
cordova plugin add org.apache.cordova.vibration
Contacts:
cordova plugin add org.apache.cordova.contacts
Globalization:
cordova plugin add org.apache.cordova.globalization
Splashscreen:
cordova plugin add org.apache.cordova.splashscreen
Open new browser windows (InAppBrowser):
cordova plugin add org.apache.cordova.inappbrowser
Debug console:
cordova plugin add org.apache.cordova.console
To remove plugins
cordova plugin rm Plugin-Name
cordova plugin rm org.apache.cordova.console
.png)

1 comments: