作者:大爱开心一下吧_616 | 来源:互联网 | 2023-05-27 16:44
篇首语:本文由编程笔记#小编为大家整理,主要介绍了cordova跨平台app开发01_创建项目桌面图标启动图配置相关的知识,希望对你有一定的参考价值。 视频地址:http://t.cn/RacnKeB
篇首语:本文由编程笔记#小编为大家整理,主要介绍了cordova跨平台app开发01_创建项目桌面图标启动图配置相关的知识,希望对你有一定的参考价值。
视频地址:http://t.cn/RacnKeB
安装
cordova1. 下载安装node.js(js的运行环境),安装时勾选npm(js包的管理工具)。
2、下载安装git(配置好环境变量)。
3、在cmd控制台,使用npm安装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工程目录下进行,所以先进到工程根目录
添加目标平台,添加平台前确认已经安装好相关平台的SDK
添加目标平台,以下命令行添加了ios和android平台中
$ 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 ios
cordova
build adndroid
运行
app真机运行
模拟器运行
$ cordova emulate android
app图标设置修改config.xml
下面的配置应用于所有平台
为每个平台还可以单独配置,以适合不同分辨率。
初始屏幕设置
cordova plugin add cordova-plugin-splashscreen