ionic新建项目


准备工作:先安装 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   	//新建空白模板
 	$ ionic start myApp tabs	//新建tabs模板

	$ ionic start myApp sidemenu	//新疆sidemenu侧边菜单模板

这是三种新建项目的方式,一般选择第二种,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			//可以直接启动虚拟机,并启动应用程序    (不建议,因为虚拟机很卡)

adb devices //和电脑连接的设备
找到apk的文件位置,直接安装到手机上,当然你也可以将这个apk文件拷贝到手机上,在手机上运行apk文件进行安装。

D:\project\xuanGu\platforms\android\build\outputs\apk>adb install -r android-debug.apk//强制安装apk文件



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值