• cordova+Android Studio 1.0+ionic+win7(转)


    转自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,点击“同步”即可。

    至此工程建立完成

  • 相关阅读:
    mac上的键盘生活——打字训练

    011-黑盒测试的测试用例常见设计方法都有哪些?请分别以具体的例子来说明这些方法在测试用例设计工作中的应用
    010-如何测试一个 纸杯?
    009-条软件缺陷(或者叫 Bug)记录都包含了哪些内容?如何提交高质量的软件缺陷(Bug)记录?
    008-黑盒测试和白盒测试的优缺点
    007-测试人员在软件开发过程中的任务是什么?
    006- 软件产品质量特性是什么?
    005-目前主要的测试用例设计方法是什么?
    007-软件测试分类
  • 原文地址:https://www.cnblogs.com/taoshengyujiu/p/5902506.html
Copyright © 2020-2023  润新知