使用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


猜你喜欢

转载自blog.csdn.net/qq_31490071/article/details/51735519