使用ionic+cordova创建APP项目

本文详细介绍如何使用Ionic框架从零开始创建一个项目,并介绍了配置平台支持、添加插件、编译及运行代码的具体步骤。

一.创建项目

 1.打开命令提示符窗口,在窗口中切换到你想要创建项目的路径下。

创建项目命令:ionic start  helloworld blank   (helloworld是你的项目名)


在创建时会起下载一些所用到的资源,如果在当前进度卡住的话,请耐心等待几秒。

之后,会出现一些提示。


成功之后,会在你的创建路径下发现多了一个helloworld的文件夹。




2.在命令提示符窗口,将目录切换到自己的ionic项目文件夹下,配置platform



3.配置成功后

创建平台支持


添加插件(在android studio1.0中可以略去)


编译代码

 cordova build android

运行代码

(1)在模拟器上
> cordova emulate android
(2)在浏览器上
> cordova serve android
浏览器访问地址:http://localhost:8000/,就可以和调试页面一样调试app的布局了。如果app中使用了cordova的Native API调用,会弹出以下对话框: 
 
这是因为浏览器无法提供@JavascriptInterface的接口,Cordova视图通过prompt()和Native交互,这样做是因为Android2.3 simulatorBug。所以调试页面布局,无视即可。 


想了解更多内容,可以参考这篇博客

http://blog.csdn.net/fuyunww/article/details/42216125


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值