码迷,mamicode.com
首页 > 其他好文 > 详细

ionic

时间:2018-09-15 16:38:35      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:调试   理解   mini   例子   info   http   use   bubuko   getting   

Referenece:

https://ionicframework.com/getting-started#cli 官网
https://www.genymotion.com/ 安卓模拟器
https://ionicons.com/ 图标库

开始的时候,按照官网例子,搭载模板
首先确定安装了node
然后npm install -g ionic 安装ionic
按照模板 ionic start myApp tabs
启动项目 cd myApp
ionic serve


浏览器的调试

http://localhost:8100/?ionicplatform=android 当这样的话,会显示Android的样式
http://localhost:8100/?ionicplatform=ios 会显示ios的样式

技术分享图片


安装Android studio ,不要去手动安装sdk,感觉很大坑,总是报错没有设置android_home
安装之后,如果采用的是默认安装的话,
sdk一般在 C:\Users\Administrator\AppData\Local\Android\Sdk ANDROID_HOME
需要添加到path路径,建议把tools和platform-tools文件夹也是添加进去。

然后在shell命令下面执行 cordova build android
ios的话可以执行cordvoa build ios

技术分享图片

接下来就是一直等,时间比较久。。。。

补充:
我们还可以在项目中查看具体sdk安装在哪里了
技术分享图片

技术分享图片

等了一万年,居然报错了!!!
技术分享图片

然后Google之后发现,原来是gradle打包的时候,需要license同意安装Android的一些组件什么的
可能不是这么理解,反正就是要密钥允许之后才可以编译打包
解决方法就是
去到sdk的目录下面的tools//bin/sdkmanager --licenses
会有对话式问题,都是选择yes就可以了

技术分享图片

技术分享图片

技术分享图片

ionic

标签:调试   理解   mini   例子   info   http   use   bubuko   getting   

原文地址:https://www.cnblogs.com/cyany/p/9650951.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!