创建cordova项目
在某个目录下创建cordova项目,打开命令行,
输入:cordova create sensor com.jkinfo.sensor sensor
创建cordova工程 < 文件夹名 > < 包名 > < app名 >
屏幕快照 2016-07-13 14.15.21.png注意:当第一次创建或编译项目的时候,可能系统会自动下载一些东西,需要一些时间。
文件夹目录:
屏幕快照 2016-07-13 14.46.00.png-
hooks:存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook,比如:before_build、after_build。没用过,不展开了。
-
platforms:平台目录,各自的平台代码就放在这里,可以放一下平台专属的代码,现在这个目录应该是空的,后面会介绍如何创建平台。
-
plugins:插件目录,安装的插件会放在这里。后面会有专门的文章介绍开发插件。
-
www:最重要的目录,存放项目主题的HTML5和JS代码的目录。app一开始打开的就是这个目录中index.html文件。
-
config.xml:主要是cordova的一些配置,比如:项目使用了哪些插件、应用图标icon和启动页面SplashScreen,修改app的版本,名字等信息,还有平台的配置。
添加平台支持
用命令行打开对应的文件夹,
屏幕快照 2016-07-13 14.49.32.png- 添加平台
输入:cordova platforms add android(ios)
Android:
A29A635B-1829-4755-80DB-1AC878C50D8E.jpgiOS:
屏幕快照 2016-07-13 14.51.14.png- 移除平台
输入:cordova platforms rm android (移除android平台支持)
也可以通过@版本号,来添加不同版本的android平台,如:
6AEEEA6B-F4A4-4329-84F0-5D6D7CF8026B.jpg现在就可以在www文件夹内写自己的js和html代码了。
添加和删除项目插件
- 添加插件
输入:cordova plugin add cordova-plugin-device
(cordova plugin add <插件官方名称>)
屏幕快照 2016-07-13 14.56.59.png
也可以通过github查找一些第三方插件,
输入:cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git
//这个是扫描二维码插件 (github项目地址)
github地址:https://github.com/
- 删除插件
输入:cordova plugin rm cordova-plugin-device
(使用rm和remove都可以)
- 插件列表
输入:cordova plugin list
(查看当前安装了哪些插件)
编译调试程序
不是每一句代码都需要运行,根据自己的需求进行选择。
-
cordova install android
//将编译好的应用程序安装到模拟器上。 -
cordova emulate android
//在模拟器上运行(前提是创建好AVD) -
cordova serve android
//在浏览器运行 -
cordova build android
//打包cordova项目到android平台。 -
cordova run android
//通过USB直接安装到真机(该语句已经包括了build命令)
例如:我现在是手边直接连着测试手机,所以我就会直接用cordova run android
FDCAD3F7-2E1B-425F-B92B-FD89BDBBCD82.jpg中间省略...
72B9FD8E-F27C-4AB9-97F9-8002CE5F6E96.jpg出现LAUNCH SUCCESS则编译成功,已经安装到手机上了。
网友评论