转自http://blog.csdn.net/fuyunww/article/details/42216125
1、准备工作
· 安装JDK1.6+,设置环境变量
JAVA_HOME
C:Program FilesJavajdk1.5.0_07
CLASSPATH
.;%JAVA_HOME%lib
Path
%JAVA_HOME%in
· 安装ANT,设置环境变量
ANT_HOME
D:apache-ant-1.8.2
Path
D:apache-ant-1.8.2in
· 安装Android SDK,设置环境变量
ANDROID_HOME
C:Program FilesAndroidsdk
Path
%ANDROID_HOME% ools;%ANDROID_HOME%platform-tools;%ANDROID_HOME%uild-tools20.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[用户名]AppDataRoaming pm
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[用户名].cordovalib
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-appplatformsandroiduild.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-appplatformsandroidproject.properties
第13行 target=android-21
(3)修改my-appplatformsandroidAndroidManifest.xml
第13行 <uses-sdk android:minSdkVersion="10" android:targetSdkVersion="21" />
(4)修改my-appplatformsandroidCordovaLibuild.gradle
第28行 classpath 'com.android.tools.build:gradle:1.0.+'
第35行 compileSdkVersion 21
第36行 buildToolsVersion "21.1.1"
(5)修改my-appplatformsandroidCordovaLibproject.properties
第13行 target=android-21
(6)修改my-appplatformsandroidCordovaLib
AndroidManifest.xml
第22行 <uses-sdk android:minSdkVersion="10" />
(7)导入工程import project->选择build.gradle
位于my-appplatformsandroiduild.gradle
gradle的下载路径为C:Users[用户名].gradlewrapperdists,可以用下载工具下载后拷到相应目录下,并新建一个内容为空的gradle-2.2.1-all.zip.ok文件 8、如果编译报错,提示Task '' not found in root project 'android',则打开android.iml,点击“同步”即可。