热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

开发笔记:cordova跨平台app开发01_创建项目桌面图标启动图配置

篇首语:本文由编程笔记#小编为大家整理,主要介绍了cordova跨平台app开发01_创建项目桌面图标启动图配置相关的知识,希望对你有一定的参考价值。 视频地址:http://t.cn/RacnKeB

篇首语:本文由编程笔记#小编为大家整理,主要介绍了cordova跨平台app开发01_创建项目桌面图标启动图配置相关的知识,希望对你有一定的参考价值。



视频地址:http://t.cn/RacnKeB


安装cordova

1.     下载安装node.js(js的运行环境),安装时勾选npm(js包的管理工具)。
2、下载安装git(配置好环境变量)。
3、在cmd控制台,使用npm安装cordova。


npm install -g cordova


创建cordova项目

$ cordova create hello com.example.hello HelloWorld

第一个参数hello指定项目创建的目录

第二个参数com.example.hello指定项目的包名,您也可以在config.xml中修改

第三个参数 HelloWorld 指定应用程序显示的名称

如图1-1所示,成功创建了一个cordova项目,项目的地址为D:\\phonegapProject\\hello

1-1

创建出来的工程目录如下图所示


添加平台

后续的命令都需要在cordova工程目录下进行,所以先进到工程根目录


    $ cd hello

添加目标平台,添加平台前确认已经安装好相关平台的SDK

添加目标平台,以下命令行添加了iosandroid平台中


    $ cordova platform add ios

    $ cordova platform add amazon-fireos

    $ cordova platform add android

    $ cordova platform add blackberry10

    $ cordova platform add firefoxos


打包App

创建cordova工程的时候,生成的www文件夹为前端工程的放置的位置,目录基于web应用架构,如下图所示:


index.html为混合App的入口,一些初始化要放在www/js/index.js文件中的deviceready中。前端工程开发完成后就可以打包成对应各平台的App了。


cordova build

可以打包指定的平台


cordovabuild ios

cordovabuild adndroid


运行app

真机运行


$ cordova run android


模拟器运行


$ cordova emulate android



app图标设置

修改config.xml

下面的配置应用于所有平台



为每个平台还可以单独配置,以适合不同分辨率。


     

              

              

              

              

     


 


     

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

              

     



初始屏幕设置

cordova plugin add cordova-plugin-splashscreen


android">

    

    

    

    

    

    

    

    

    


 


ios">

    

    

    

    

    

    

    

    

    

    

    




推荐阅读
  • 本文介绍了Sencha Touch的学习使用心得,主要包括搭建项目框架的过程。作者强调了使用MVC模式的重要性,并提供了一个干净的引用示例。文章还介绍了Index.html页面的作用,以及如何通过链接样式表来改变全局风格。 ... [详细]
  • Imtryingtofigureoutawaytogeneratetorrentfilesfromabucket,usingtheAWSSDKforGo.我正 ... [详细]
  • 本文介绍了网页播放视频的三种实现方式,分别是使用html5的video标签、使用flash来播放以及使用object标签。其中,推荐使用html5的video标签来简单播放视频,但有些老的浏览器不支持html5。另外,还可以使用flash来播放视频,需要使用object标签。 ... [详细]
  • 本文介绍了JavaScript进化到TypeScript的历史和背景,解释了TypeScript相对于JavaScript的优势和特点。作者分享了自己对TypeScript的观察和认识,并提到了在项目开发中使用TypeScript的好处。最后,作者表示对TypeScript进行尝试和探索的态度。 ... [详细]
  • Firefox火狐浏览器关闭到http://detectportal.firefox.com的流量问题解决办法
    本文介绍了使用Firefox火狐浏览器时出现关闭到http://detectportal.firefox.com的流量问题,并提供了解决办法。问题的本质是因为火狐默认开启了Captive portal技术,当连接需要认证的WiFi时,火狐会跳出认证界面。通过修改about:config中的network.captive-portal-service.en的值为false,可以解决该问题。 ... [详细]
  • http:my.oschina.netleejun2005blog136820刚看到群里又有同学在说HTTP协议下的Get请求参数长度是有大小限制的,最大不能超过XX ... [详细]
  • 本文介绍了在Linux下安装Perl的步骤,并提供了一个简单的Perl程序示例。同时,还展示了运行该程序的结果。 ... [详细]
  • 本文讨论了在openwrt-17.01版本中,mt7628设备上初始化启动时eth0的mac地址总是随机生成的问题。每次随机生成的eth0的mac地址都会写到/sys/class/net/eth0/address目录下,而openwrt-17.01原版的SDK会根据随机生成的eth0的mac地址再生成eth0.1、eth0.2等,生成后的mac地址会保存在/etc/config/network下。 ... [详细]
  • 本文介绍了将mysql从5.6.15升级到5.7.15的详细步骤,包括关闭访问、备份旧库、备份权限、配置文件备份、关闭旧数据库、安装二进制、替换配置文件以及启动新数据库等操作。 ... [详细]
  • 本文介绍了在CentOS上安装Python2.7.2的详细步骤,包括下载、解压、编译和安装等操作。同时提供了一些注意事项,以及测试安装是否成功的方法。 ... [详细]
  • 海马s5近光灯能否直接更换为H7?
    本文主要介绍了海马s5车型的近光灯是否可以直接更换为H7灯泡,并提供了完整的教程下载地址。此外,还详细讲解了DSP功能函数中的数据拷贝、数据填充和浮点数转换为定点数的相关内容。 ... [详细]
  • loader资源模块加载器webpack资源模块加载webpack内部(内部loader)默认只会处理javascript文件,也就是说它会把打包过程中所有遇到的 ... [详细]
  • 当我在doWork方法中运行代码时,通过单击button1,进度条按预期工作.但是,当我从其他方法(即btn2,btn3)将列表传递给doWork方法时,进度条在启动后会跳转到10 ... [详细]
  • 1.码云上根据需求创建项目;2.进入项目——克隆下载 选择复制SSH3.clone码云上的项目到本地:在相关目录(如A)下运行终端,执行指令:gitclone复制的SSH地址;  ... [详细]
  • 使用npmi编译vue项目出现无法下载github.com中的对应的包源文件报错信息如下:npmERR!fatal:unabletoaccess'https:github ... [详细]
author-avatar
大爱开心一下吧_616
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有