轉自http://blog.csdn.net/fuyunww/article/details/42216125
1、准備工作
· 安裝JDK1.6+，設置環境變量
JAVA_HOME
C:\Program Files\Java\jdk1.5.0_07
CLASSPATH
.;%JAVA_HOME%\lib
Path
%JAVA_HOME%\bin
· 安裝ANT，設置環境變量
ANT_HOME
D:\apache-ant-1.8.2
Path
D:\apache-ant-1.8.2\bin
· 安裝Android SDK，設置環境變量
ANDROID_HOME
C:\Program Files\Android\sdk
Path
%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\build-tools\20.0.0;
· 安裝VS2013 WP8模擬器
2、下載Node.js
http://nodejs.org/下載32位或64位版本
3、運行Node.js command prompt
輸入配置phonegap
C:\Users\用戶名> npm install -gphonegap
phonegap保存在C:\Users\[用戶名]\AppData\Roaming\npm
4、在項目目錄下執行
a、創建工程
C:\Users\用戶名>phonegap create myapp
C:\Users\用戶名\myapp>cd myapp
b、添加平台支持
> cordova platforms add ios > cordova platforms add android > cordova platforms ls
c、添加插件（在Android Studio 1.0可略去）
> cordova plugin add org.apache.cordova.device > cordova plugin add org.apache.cordova.console > cordova plugin ls
d、編譯代碼
> cordova build android
e、運行代碼
（1）在模擬器上
> cordova emulate android
（2）在瀏覽器上
> cordova serve android
瀏覽器訪問地址：http://localhost:8000/，就可以和調試頁面一樣調試app的布局了。如果app中使用了cordova的Native API調用，會彈出以下對話框： 這是因為瀏覽器無法提供@JavascriptInterface的接口，Cordova視圖通過prompt()和Native交互，這樣做是因為Android2.3 simulator的Bug。所以調試頁面布局，無視即可。
(3)在真機上
C:\Users\用戶名\myapp> cordova run android
或者C:\Users\用戶名\myapp> cordova run wp8/ios
cordova會自動建立my-app文件夾，不同平台的項目在platforms文件夾下面 緩存的內容在C:\Users\[用戶名]\.cordova\lib
5、配置ionic
1、打開Node.js命令行
2、輸入C:\Users\用戶名>npm install -g cordova ionic
3、建立工程輸入$ionic start myApp tabs
4、如果工程已經建立過，會出現would you like to overwrite the directory with this new project?yes
5、運行添加不同平台，如果為android，直接將ios替換成android即可。
$ cd myApp
$ ionic platform add ios
編譯$ ionic build ios
運行在模擬器上$ ionic emulate
運行在瀏覽器上$ ionic serve
運行在真機上$ionic run
6、移植到Android Studio 1.0
Android Studio 1.0：由於AndroidStudio 1.0默認安裝的是Android5.0，編譯器版本是21，gradle目前版本是2.2.1，所以要對相關文件做一些更改
（1）修改選擇my-app\platforms\android\build.gradle
第10行 classpath 'com.android.tools.build:gradle:1.0.+'
第40行 compileSdkVersion 21
第41行 buildToolsVersion "21.1.1"
第74行 gradleVersion = '2.2.1'
（2）修改my-app\platforms\android\project.properties
第13行 target=android-21
（3）修改my-app\platforms\android\AndroidManifest.xml
第13行 <uses-sdk android:minSdkVersion="10" android:targetSdkVersion="21" />
（4）修改my-app\platforms\android\CordovaLib\build.gradle
第28行 classpath 'com.android.tools.build:gradle:1.0.+'
第35行 compileSdkVersion 21
第36行 buildToolsVersion "21.1.1"
（5）修改my-app\platforms\android\CordovaLib\project.properties
第13行 target=android-21
（6）修改my-app\platforms\android\CordovaLib\
AndroidManifest.xml
第22行 <uses-sdk android:minSdkVersion="10" />
(7)導入工程import project->選擇build.gradle
位於my-app\platforms\android\build.gradle
gradle的下載路徑為C:\Users\[用戶名]\.gradle\wrapper\dists，可以用下載工具下載后拷到相應目錄下，並新建一個內容為空的gradle-2.2.1-all.zip.ok文件 8、如果編譯報錯，提示Task '' not found in root project 'android'，則打開android.iml，點擊“同步”即可。