cordova初涉

能够用html+css+js来开发多平台共用的一套app代码的开源的移动开发框架 —— —— cordova。


1.安装cordova

   1.1 安装nodeJS

   1.2 安装全局的cordova模块 

      npm install -g cordova

          或者在某个特定的项目中安装cordova模块

      npm install cordova

    1.3 创建app

      cordova create hello com.example.hello HelloWorld

    1.4 添加平台支持(以Android为例,也可以添加iOS、BlackBerry等平台)

        注:在添加平台支持之前要安装相应的环境支持:Android SDK,并且设置环境变量,然后设置一个模拟器,具体见:http://cordova.axuer.com/docs/zh-cn/latest/guide/platforms/android/index.html#requirements-and-support

      cd hello        

      cordova platform add android --save

          添加完之后要测试一下:

        cordova platform ls

    1.5 构建app

           cordova build 或者添加平台限制 cordova build android

          在这一步我遇到一个异常:java.lang.UnsupportedClassVersionError: com/android/dx/command/Main : Unsupported major.minor version 52.0,网上搜索了一下,很多人都遇到了,下面是解决办法:

          造成这个异常的原因是由于 Android SDK Build-tools 的版本号大于 Android target;

          首先打开:<项目名>/platforms/android/project.properties,查看此文件中的target号码,然后打开Android SDK Manager 找到相应的Build-tools安装就行了(我是windows环境,需要将高于Android target 的 build-tools 全部给卸载掉后才能正常运行,不知道是不是bug)

    1.6 测试App

         在移动平台绑定的模拟器上测试效果:

      cordova emulate android

         或者将手机连接电脑,在手机上直接测试app

      cordova run android

这样就大功告成啦:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,455评论 25 708
  • 如果要问刚入职的新人有什么害怕的,恐怕多数人心中答案都是一致的——不愿独自向领导汇报、请示工作,最最最害怕的,是领...
    第一任职阅读 1,781评论 0 2
  • 醒过来了,却不肯起来,这叫懒床或赖床呢?我不知怎叫,反正我就这样一个人,醒了,不想起床,就粘在床上,因为太幸福了。...
    弟哥阅读 499评论 0 0
  • 起初 我走着寻你 后来 我跑着寻你 临终 我爬着寻你 爬过奈何边 淌过忘川水 看见来世,我依旧寻你 天若有情,天亦...
    阿琴姑娘阅读 1,327评论 102 123
  • 尽管通过I P地址可以识别主机上的网络接口, 进而访问主机, 但是人们最喜欢使用的还 是主机名。在 T C P /...
    张芳涛阅读 944评论 2 2