使用ionic+cordova创建APP项目

一.创建项目

 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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值