您的位置:首页 > 移动开发 > Android开发

ionic新建项目

2016-04-07 14:30 274 查看
准备工作:先安装 nodejs , 然后再通过nodejs的npm安装cordova以及ionic当然这些在官方文档上面也是有的,只是为了作学习笔记。1.  安装cordova 以及ionic我是分开安装的
$ npm install -g cordova      //安装cordova
$ npm install -g ionic        //安装ionic
官网文档是这样一次安装的,应该也是可以的
$ npm install -g cordova ionic
2.新建项目
$ ionic start myApp blank   //新建空白模板
[/code]
$ ionic start myApp tabs//新建tabs模板
$ ionic start myApp sidemenu//新疆sidemenu侧边菜单模板
[/code]
这是三种新建项目的方式,一般选择第二种,tabs模板方式
3.运行
新疆项目文件之后,打开项目文件夹
$ cd myApp
$ionic serve
这时会自动打开默认浏览器运行该项目,并且会实时监控项目文件
注:要关闭代理哦。
4.打包apk
$ cd myApp$ ionic platform add android  //添加平台,ios/android
$ ionic resurces  //创建平台的icon或启动页面$ ionic build android//编译生成apk$ ionic emulate 
android
//
可以直接启动虚拟机,并启动应用程序 (不建议,因为虚拟机很卡)[/code]
adb devices //和电脑连接的设备找到apk的文件位置,直接安装到手机上,当然你也可以将这个apk文件拷贝到手机上,在手机上运行apk文件进行安装。D:\project\xuanGu\platforms\android\build\outputs\apk>adb install -r android-debug.apk//强制安装apk文件

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息